Cnippet UI is a production-ready, curated set of accessible and composable React components—built with Base UI and Tailwind CSS. Copy, paste, and ship stunning interfaces faster.
No products empty state with stacked cards and blur effect
No payments empty state with credit card illustration
No events empty state with calendar illustration
Text reveals with a vertical clip-path wipe per character, word, or line
Basic field with label and description
Field with textarea
Field with select dropdown
Field with checkbox
Field with checkbox group
Field with radio group
Field with slider
Field with number input
Complete multi-field form
Field with switch toggle
Field with date picker
Required password field
Field with OTP verification input
Resume dropzone with file validation
Field with password strength indicator
Disabled field
Field with validation error
Field with validity state inspector
Field wrapping an input group
Field with autocomplete
Field with single-select combobox
Field with multi-select combobox chips
Billing details fieldset
Social links fieldset with URL prefixes
Personal information fieldset
Shipping address fieldset
Notification preferences fieldset
Change password fieldset
Payment information fieldset
Account settings fieldset with timezone select
Team member invite fieldset
Support request fieldset with textarea
Multi-file dropzone with type, size and count limits
Avatar upload with preview
Dropzone with per-file upload progress
Message composer with attachments
Photo gallery grid
Default
Feedback form with rating
Forgot password — reset email
Delete account — danger zone confirmation
Invite team member
Multi-field form with validation
Sign In