⚠️ Mobile is not supported yet.
Search for a command to run...
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.
Page header breadcrumb with edit and share action buttons
Compact breadcrumb with ellipsis and hidden-items count badge
With custom separator
With Dropdown Menu
With Next.js Link
With Icons For Each Item
With Avatar
Inside Card
Starting With Home Icon
Button-style
Default
Large Size
Extra-large Size
Disabled
Icon
Button with an icon on the right
Button with an icon on the left
Outline button with an icon on the left
Ghost button with an icon on the right
Destructive button with an icon on the left
Link button with an icon on the right
Outline
Star button with count
Button with an unread badge
Button with icon, label, and shortcut keys
Icon-only copy button with feedback
Animated hamburger / close toggle button
Sliding Icon Button (Hover reveal)
Social login buttons with GitHub, Google, and email options
Loading and success state button with animated icon swap
File upload button with attachment preview and clear action
Split button with primary action and dropdown menu via Group
Secondary
Segmented view toggle with list, table, and kanban options
Destructive
Destructive Outline
Ghost
Link
Extra-small Size
Small Size
Event Indicators
Date Picker with Presets
Date of Birth
Week Picker
Basic calendar
Habit tracker with completion indicators and monthly streak counter