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.
With status messages
With slider
Multi-step progress indicator
With custom colors
Skills Meter
Multi-file Upload Queue
Monthly Budget Breakdown
Default
Plan picker with descriptions
Horizontal Layout
Shipping Options
Theme Selector
Availability Status
Billing Frequency
Showcase: simple, disabled and with descriptions
Disabled
With Description
Card Style
Colored Variants
With Legend
In Card With Description
In Card With Icons
Form Integration
Product review form with star rating
Average rating with star breakdown bars
Rating sizes, disabled and fractional read-only
Ten-point survey ratings
Code editor layout with nested resizable panels
Two horizontal panels
Vertical panels with grip handle
Mail layout with collapsible nav and saved sizes
Default
Code viewer
Chat Feed
Notification List
Sidebar Navigation
Server log viewer
File Explorer
With Scroll Fade
Horizontal
Horizontal with Scrollbar Gutter
Both Directions
Alphabetical contact list
Task backlog list
Wide data table
Activity timeline
Timezone select
Theme select with descriptions