# reveal

Components⚛ TSX Live preview

Split-Text Roll Reveal

On hover, each letter rolls up out of an overflow mask while a gradient copy rolls in from below, staggered.

7.8k41.8k8.6kOpen

Featured Components⚛ TSX Live preview

3D Flip Reveal Card

A card that flips on its Y axis in 3D to show a gradient back face — works on hover and on tap for touch.

7.3k39.2k8.1kOpen

Animations⚛ TSX Live preview

Scroll Blur Reveal

Inside a scrollable panel, blocks un-blur, brighten and scale as they reach the center — proximity-based, no observers.

5.9k30.4k5.3kOpen

Components Live preview

3D Flip Card Reveal

Three cards that rotate on the Y axis on hover — front face has a glyph, back face carries the details.

HTMLCSSSimple

31800Open

Featured UI Elements Live preview

Clip-path shutter text reveal

Headline lines reveal left-to-right like a camera shutter opening, via animated inset clip-path.

HTMLCSSSimple

50300Open

Scroll stagger reveal cards

Cards fade and rise in with per-index delay when they enter the viewport — IntersectionObserver pattern.

36700Open

Featured Animations Live preview

Torch spotlight mask section

A dark room where a radial mask follows the cursor like a torch, revealing bright content around it.

42800Open

Letter Rise Title · Ultra Violet

Headline letters rise from a blurred mask one by one — click to replay. Rendered in the Ultra Violet palette.

83400Open

Letter Rise Title · Cyber Lime

Headline letters rise from a blurred mask one by one — click to replay. Rendered in the Cyber Lime palette.

65100Open

Letter Rise Title · Sunset Amber

Headline letters rise from a blurred mask one by one — click to replay. Rendered in the Sunset Amber palette.

34600Open

Letter Rise Title · Rose Gold

Headline letters rise from a blurred mask one by one — click to replay. Rendered in the Rose Gold palette.

83200Open

Letter Rise Title · Ocean Sky

Headline letters rise from a blurred mask one by one — click to replay. Rendered in the Ocean Sky palette.

50000Open

Letter Rise Title · Mint Breeze

Headline letters rise from a blurred mask one by one — click to replay. Rendered in the Mint Breeze palette.

45600Open

Letter Rise Title · Candy Pink

Headline letters rise from a blurred mask one by one — click to replay. Rendered in the Candy Pink palette.

74000Open

Letter Rise Title · Royal Gold

Headline letters rise from a blurred mask one by one — click to replay. Rendered in the Royal Gold palette.

40800Open

Animations⚛ TSX Live preview

Scroll Reveal Cards

Cards that fade/slide in as they enter the viewport.

000Open

Animations⚛ TSX Live preview

Flip Card Reveal

Card flipping on hover to reveal back content in 3D.