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.
(No description)
Words flip in 3D on a timer along X or Y axis rotation
(No description)
(No description)
(No description)
(No description)
(No description)
(No description)
Steps of a process with the share reaching each step and the drop-off between them
Half-circle gauge with coloured threshold bands, a needle or a value arc
(No description)
Grid of cells shaded by value, with keyboard navigation and a tooltip per cell
Rows of product cards slide sideways in opposite directions as the hero scrolls
Distribution of raw values in equal-width buckets, drawn as touching bars
Pins a section and turns vertical scrolling into horizontal movement
(No description)
(No description)
Chart legend whose items toggle series on and off and highlight them on hover
(No description)
(No description)
(No description)
Letters rotate in 3D space on hover revealing a second face
Each letter swaps position vertically on hover
Data-driven line chart with dots, dashed forecast series and gap handling
A laptop lid opens on scroll to reveal an image or custom screen content
Stepper — +10/-10 buttons spring the figure through intermediate values
Upload progress — percentage label animates alongside a CSS progress bar
Dashboard metrics — three KPI cards spring on multiplier toggle
Weight + width wave — wght and wdth axes breathe left to right
Center pulse — short logotype word pulses outward from center
Heading + subtitle pair — two instances with opposite stagger directions
Landing hero — one word of the headline filled with flowing token-colored lines
Pricing card — the price drawn in custom brand colors
Section label — a small animated eyebrow above a feature heading
Hero headline — full sentence reveals character-by-character with random vibrant colours
Brand logotype — short all-caps word with custom violet-to-teal palette
Cycling phrases — button replays the colour animation across multiple phrases
Dashboard reveal — an analytics screen tilts flat under a headline
Mobile app — a phone-shaped card with a chat screen
Video frame — a keynote poster with a play button tilts into view
Stats section — four counters animate a social-proof grid on mount
Large hero metric — single full-width counter with imperative replay via ref
Dashboard metrics — three gradient counters inside bordered cards with different durations
Hero headline — large heading decrypts left-to-right on mount
Terminal session — CLI commands decrypt sequentially on Enter
Direction picker — buttons replay with each of four revealDirection values
(No description)
(No description)