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.
Numbered Pagination In Card
With Arrows Buttons
With Page Info On Center
With Page Info On Left
Feedback form
Share Link
Accent Color Picker
Keyboard Shortcuts
Filter Panel
Set a Reminder
System Status
Emoji picker
Confirmation / delete
Inline tag editor
Notification panel
With Close Button
Inline text edit
Tooltip Style
Shared Popover with Multiple Triggers
Placement
User Profile Card
Timestamp Detail
Quick Settings
Feature Tour
Website link preview with stats
Reference links with URL previews
User mention profile card
Article / blog post preview
Glossary term definition with related terms
GitHub-style issue preview
Stock ticker preview with sparkline and key stats
Venue location preview
Package preview with license and version
Event preview with date and attendees
Company profile preview
GitHub repository preview
Video preview with duration
Hashtag previews with post counts
Product preview with add to cart
Default
API Usage with Tier Milestones
Survey completion counter
Download with speed stats
Fundraiser goal tracker
Reading progress bar
Build pipeline stages
Showcase: plain, labelled and formatted value
With Formatted Value