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.
Showcase: horizontal and vertical
Multiple Items
Custom Spacing
Vertical Orientation
Autoplay with Indicators
Testimonials
Product Showcase
Onboarding Steps
Team Members
Multi-Series Bar Chart
Revenue bars with target reference line
Stacked area chart with two revenue series and a Y-axis legend
Horizontal bar chart ranking traffic channels by session count
Donut chart with center label showing team headcount by department
Multi-series line chart comparing API response percentiles (p50/p90/p99)
Composed chart overlaying revenue bars with a growth-rate line on dual axes
Area Chart
Bar Chart
Line Chart
Pie Chart
Radar Chart
Radial Bar Chart
Stacked monthly expense bars
Scatter plot of scores
Default
Multi-Consent Registration Gate
Weekly availability grid with checkboxes per day and time slot
Role permissions picker with colored badge per access level
Notification preferences matrix with event rows and channel columns
Plan add-on selector with dynamic price total as features are toggled
Sprint task checklist with priority badges and completion celebration
Showcase: states and descriptions
Disabled
With Description
Card Style
Form Integration
Payment method card checkbox
Select All with Indeterminate State
Issue Label Picker
Notification Channel Selector
Default
Notification channels with icons
Two-level nested group for tech stack selection by frontend and backend category
Recurring schedule picker with weekday and weekend sub-groups and day count badge
Integration enablement list with card rows and a master enable-all parent checkbox
Data export selector with two section groups and an item count summary
Food preference picker with independent cuisine and dietary checkbox groups
With Disabled Item