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.
Underline Variant
Vertical Orientation
Underline with Vertical Orientation
With Card and Input Element
Underline Style
Account settings tabs with card forms
Underline and Vertical Orientation
With Icons
Email invites with validation and paste support
Skills with suggested tags
Repository topics with a limit and counter
Small tag filter with icon
Default
Support ticket with category chips and message field
Chat message composer with bubble thread and send on Enter
Release notes editor with title input and publish action
Showcase: description, error, disabled and sizes
Sizes
Disabled
With Label
With Description
With Character Count
Form Integration
Auto-grow with live word and character count
Write / Preview markdown toggle
Pull request activity feed with avatars and icons
Deployment history with status indicators
Order tracking with compact dots
Appointment slot with booked times disabled
Start and end time with duration
24-hour quiet hours with a switch
Default
Auto-progressing Deploy Pipeline
Anchored clipboard copy with tooltip-style toast
Team invite with per-row undo action
Background CSV export with download action on complete
Session expiry warning with live countdown and renew action
Unsaved changes reminder with save and discard actions
With Status
Loading
With Action
Promise
With Varying Heights
Submit Button with Error Toast
Staggered Notification Burst
Timeout Control
Default
Role Filter Chips with Live Count