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 Presets
With Input
Auto-close on Select
Appointment Booking
Team Meeting Scheduler
Delivery Date Selector
Default
Invite Team Members
Share Document with Link Copy
Two-Factor Authentication Setup
Subscription Cancellation with Reason
API Key Generation and Reveal
Product Feedback Star Rating
Open from a Menu
Dialog with Bare Footer
Dialog with scroll inside
Nested Dialogs
With Destructive Action
Cookie Preferences
Session Expired
Edit Profile with Avatar
Default
Edit profile form
User Preferences & Theme Settings
File Attachments with Upload
Activity Log with Status Timeline
Help Center with FAQ Search
Quick Actions Grid
Multiple Positions — Inset
Multiple Positions — Straight
Multi-step Nested Drawers
Navigation Menu
Filter & Sort Panel
Shopping Cart
Notification Center
Delete account confirmation with undo
Default
No recent activity empty state
All caught up — no new notifications
No team members — invite form empty state
No matching results — clear filters empty state
Inbox zero — illustration with compose action
Access restricted — permission request empty state
Search empty state
Empty state with search input
Empty state with add button
Dashed upload empty state
No automations empty state with toggle illustration