⚠️ Mobile is not supported yet.
Search for a command to run...
Stats row — three TextRoll instances with offset delays animate key metrics with replay
Navigation links — staggered roll-in across nav items on mount
Hero inline — audience descriptor cycles in a heading with character stagger
Manual step control — prev/next buttons drive word-by-word rotation via ref
Feature ticker — short feature strings rotate with fade+y tween and dot indicators
Hero headline — auto-scramble on mount resolving left-to-right
Click to retrigger — manually replays the scramble via trigger prop
Scrambled stats — staggered duration across a metric row
Hero headline — slow sweep on a large heading
Status badges — system-state and AI-processing badges with active shimmer loop
Feature list — heading and three feature strings shimmer at different speeds
Hero heading — gentle wave with moderate z and y distance
Loading states — fast wave on short strings alongside spinners and pulse indicators
Exaggerated logotype — pushed scale, rotateY, and zDistance on a short all-caps word
Hero headline — types once with a block-underscore cursor
Looping phrases — cycles through strings with delete animation
Terminal prompt — monospace CLI-style with block cursor
Hero headline — characters grow from ultra-light to black near cursor
Dual lines — mirrored inverted axes with gaussian falloff
Navigation — nav items respond to proximity with exponential falloff
Navigation links — letters bold from center outward on hover
Hero headline — two lines with inverted weight axes contrast on hover
CTA links — three links each using a different staggerFrom origin
Hero headline — word-by-word upward clip reveal with left-to-right stagger
Character logotype — center-out stagger on a short brand name
Stacked lines — alternating reverse direction per line with sequential delays
(No description)
Elements float at different speeds based on cursor position for a parallax depth effect
Layered backdrop-blur overlay that progressively fades content at container edges
Letters swap in random order on hover for a glitchy effect
Text rolls in from top or bottom with 3D perspective
Single-slot word rotator with configurable transitions
Text scrambles on hover then resolves back to original
Text content swaps and transforms tied to scroll position
Text marquee speed reacts to scroll velocity — faster scrolling spins it faster
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.