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 keyboard shortcut
With inline link
With icon prefix
Horizontal layout
With error state
Showcase: markers, hints, links and errors
With checkbox
With textarea field
With required indicator
With optional indicator
With tooltip info icon
With badge indicator
With character counter
With helper description text
Default
Open a Dialog
Account menu
File actions
Icon button trigger
Notification settings
Share with export sub-menu
Open on Hover
With Checkbox
With Switch
With Radio Group
With Link
With Group Label
Nested Menu
Close on Click
Default
Score card with letter grade
Stacked resource meters
Color-coded by severity
Storage breakdown with icons
Bandwidth quota card
Profile strength checklist
Showcase: percentage, formatted value and custom range
Without Value
With Formatted Value
With Custom Range
Live CPU load meter with pause
Language usage breakdown
Password strength meter
API usage by team member
Quarterly budget by department
Marketing mega menu with icon cards and a featured link
Docs menu with sections and a plain link
Default