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.
Parent Checkbox
Nested Parent Checkbox
Form Integration
Weekday picker
Language picker with selection badges
Notification preferences with descriptions
Feature flags
Default
Incident Status with Timeline
Accordion-style FAQ with single-open behavior and question count badge
Sidebar filter panel with collapsible groups, checkboxes, and active count
Package dependency list with version badges and expandable package names
Team directory with status dots, role labels, and per-team collapsible sections
Privacy policy card with accordion sections and single-panel-open behavior
Collapsible
Collapsible animated card
Collapsible card with bottom trigger
Collapsible form fields
Multi-level collapsible menu
Tree view with file actions
Read More Content Expander
CI/CD Build Step Log Viewer
Brand colour picker with area, hue, hex and presets
Colour picker in a popover behind a swatch button
Label colour swatches with hex input
Default
With Trigger Button
With Select Button
Form Integration
Form Integration - Multiple
Async Search
Rich Item Rendering
Controlled
Creatable option when nothing matches
City picker with timezone and country code trailing metadata
Sprint selector with status badge and date range per item
Disabled
Font picker grouped by category with live preview sentence
Timezone picker with UTC offset badge in trigger and region info below
Currency picker with symbol icon in trigger and code trailing each item
Showcase: single, multiple chips, sizes and disabled
Sizes
With Label
Auto Highlight
With Clear Button
With Groups
Multiple Selection
With Search Icon