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.
Profile Settings
Contact Form
Change Password
Newsletter Signup
3-Step Onboarding Wizard
Sign Up / Register
Default
Danger zone with typed delete confirmation
Separated panels
With collapsible panel
Dense layout
With action button in header
Stats metrics display
With badge status indicator
Read-only key-value info
With footer CTA buttons
Default
With Popup
With Input Group
With Menu
With Select
Text formatting toolbar
Thumbs up / down vote buttons
Media player controls
Price range input with apply button
Search with category filter select
Showcase: outline, small, primary and with input
With Input
Small Size
With Disabled Button
With Default Buttons
With Start Labeled Text
With End Text
Vertical
Nested Groups
Default
With Date Type
File picker with clear button
With Required Indicator
Time slot select
With Multiple Fields
Input label with tooltip
With Badge
With Optional Badge
With Link and Visibility Toggle
With multiple error messages
With Label
Password strength with dynamic hint and icons