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.
Settings Page
Product Grid
Form Fields
Email Inbox
Kanban Board
Profile Hero Page
Skeleton only
Card component
Dashboard stats row
List with actions
Blog Article
Data Table
Sidebar Dashboard Layout
Chat Thread
Default
Session timeout with stops
Volume Control With Mute Toggle
Dual-Thumb Price Range
Hue Color Picker
Temperature Control
Display Settings Sliders
Showcase: single, range and disabled
With Label and Value
Disabled
With Reference Labels
With Tick Marks
With Dynamic Tooltip Indicator
Rating Slider With Emoji Feedback
Price range with labels
Three-band equalizer
Task list with drag handles
Drag-to-rank list
Horizontal shortcut tabs
Dashboard widget grid
Kanban board with cross-column moves
Default
Step-by-step workspace loading
Page Transition Overlay
File Upload Progress
Table Row Loading State
Auth Form With Spinner
Spinner Sizes
Showcase: sizes, colors and in context
Input Group
In buttons
Spinner in empty state
Overlay loading spinner
Full page loading state