cnippet

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

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

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)

(No description)

Hero inline — adjectives flip inside a heading with primary colour accent

CTA button — action verbs flip inside a full-width button for a sense of urgency

Testimonial card — audience descriptor cycles in a pull-quote layout

Navigation links — letters rotate upward on hover with colour change between faces

CTA buttons — filled and outlined buttons with opposite rotateDirection values

Direction showcase — four rows compare top, right, bottom, and left rotations

Navigation links — each link swaps independently on hover

CTA buttons — filled and outlined buttons with opposite swap directions

Stats row — labels use center-out stagger beneath stat figures

Auto-cycling hero words — four short action words blur-dissolve in sequence

Tech stack card — stack names morph inside a product card

Hero section — morphing headline anchored by static eyebrow and body copy

Smooth blur-based morphing between words

Floating shapes — geometric shapes at different depths follow the cursor

Floating card — card with glow blobs and dot accents at independent depth layers

Floating symbols — abstract symbols drift at different depths following cursor

List fade — content list with progressive blur fade at the bottom

Gallery edges — horizontal row of cards with left and right edge blur

Nav overflow — horizontal nav bar with right-edge blur for overflow indication

Navigation links — each link shuffles independently on hover

CTA buttons — two buttons with reverse prop contrast for visual distinction

Tag chips — technology tags inside pill badges shuffle on hover

Hero headline — letters roll up with tight stagger on mount

Stacked display lines — three lines with incremental delay offsets

Navigation links — roll down from above with per-item delay

Hero inline — adjectives rotate inside a heading with stable width

Framed CTA — action phrases rotate inside a bordered card

Testimonial audience — direction down cycles target audience descriptor

Navigation links — each link scrambles independently on hover

Hero heading — center reveal direction for a symmetric decode

Repository card — title and metadata scramble with different settings

Fixed reading bar — 1px bar pinned to viewport top tracks window scroll