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.
Disabled input with masked value
Readonly with copy-to-clipboard button
Input with inline start icon
Color picker with swatches and hex input
Input with inline clear button
Showcase: labels, required, error, disabled and sizes
With Description
With Error Message
With Character Counter
With Password Type
With Phone Type
With URL Type
With Number Type
Default
With Keyboard Shortcut
With Inner Label
Sizes
Disabled
Loading
With Number Field
With Textarea
With currency select prefix
Newsletter subscribe with arrow button
With inline clear button
With End Icon
Chat input with async send
Textarea with character countdown
Showcase: icons, text add-ons, shortcut and button
With Start Text
With End Text
With Start and End Text
With Tooltip
With Icon Button
With Button
With Badge
Default
Shortcuts in menu items
Command palette result rows with navigation hints
Input group
Keys grouped together
With icons
In a tooltip
Reference list
Keyboard shortcut in button
Arrow key navigation display
Cross-platform Mac vs Win shortcut table
Default
With status indicator dot