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 Disabled Options
Region select with groups
Priority with badges
Items with Description
Sort Order with Icons
Sizes
Grouped framework select
Multiple selection for permissions
Settings navigation with icons
Currency select
Form field with description
Plan select with separator
Country select with flags
Default
Profile card
Social Stats Bar
Activity sections
Footer Links
Settings list with descriptions
Toolbar with Separator Groups
Showcase: horizontal and vertical
Vertical
Settings menu dividers
Key-value list
Divider with label
Order summary
Breadcrumb dividers
Onboarding checklist
Grouped navigation sections
Default
Issue Detail
Export Data Panel
User Profile Viewer
Support Contact Form
Keyboard Shortcuts Reference
API Key Manager
Sheet with Inset
Side Sheets
Scrollable Content
Shopping Cart
Notification Center
Team Invite
Activity Log
Navigation Menu
App shell with icon collapse, groups, badges and user footer
Docs navigation with collapsible sections (inset)
Floating right-side details panel with search
Default