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.
Default
Label picker with multi-select
Account settings palette with grouped profile, preferences, and sign-out actions
Repository search palette showing issues, pull requests, branches, and files
Go-to-page palette with shortcut hints and arrow icon for unbound items
Appearance picker with theme and accent-color options and active check marks
Quick-open palette with page list, notification badges, and a keyboard footer
Simple Command
Command With Groups
Command With File Search
User Search Command With Avatars
Action Palette With Keyboard Shortcuts
With Recent And Favorites Sections
Project switcher
Invite members with multi-select
Browser page with submenu, checkbox toggles and profile radio
Team members dialog with role submenu
Bookmark list with per-item star toggle, open, copy, share, and delete actions
Rich-text editor with checkbox formatting and alignment submenu
File explorer rows with extension badge, rename, download, and delete per file
Social feed with upvote/downvote controls and a report submenu per post
Task board with inline status radio, priority submenu, reassign, and delete
Media library with Move to and Share submenus
Code editor with keyboard shortcuts
Calendar events with labelled action groups
Spreadsheet cells with icon actions
Data table with column visibility checkboxes
Folder view with Sort by and View radio groups
Inbox rows with destructive delete
Canvas layers opening on each side
Sortable invoices
Customer directory with search and pagination
Team members with row selection and bulk actions
Orders with column visibility menu
Issue tracker with faceted status and priority filters
Department budgets with expandable sub-rows
API keys card table with row actions
Showcase: search, filters, selection, sorting and pagination
Default
Task Deadline Reschedule
Report Period Range with Presets
Recurring Event Date Picker
Hotel Stay Range with Duration Shortcuts
Birthday Picker with Age Validation
Multi-date Availability Selector
Showcase: single, range, birthday and disabled
Date Range
Dropdown Navigation