React Reveal Animations
Content that is uncovered instead of faded in. Twenty-three components animate a mask, a clip-path, or a wipe, so the element is exposed a piece at a time rather than only changing opacity: pixel dissolves, curtain wipes, thawing frost, scroll-triggered entrances. A reveal reads as deliberate where a fade reads as a page still loading. That is why the extra property is worth animating.
14 components · live previews
In This Collection
Lumen
Copy that lights up as you read it. Words ahead sit dim and unfocused, and stay lit once you pass them.
Scroll reveal
Redact
Copy that arrives fully classified under solid bars, then declassifies word by word. Each bar clears its own word and leaves an amethyst edge behind as the only evidence it was ever there.
Reveal
Rime
Hoarfrost taking a word. This is Molten's opposite number, the same idea of type as a coverage field run cold. Crystal tips seeded on the glyph edges creep across the letters, fork at a fixed lattice angle, and die where they run out of glyph or hit ice already there, so the cost tracks the growing edge rather than the area. The text underneath is never redrawn. It stays a real span at its real colour the whole time, which makes the thaw nothing more than fading the ice off type that was always there.
Reveal
Word RevealPro
A scroll-scrubbed word reveal — each word brightens and rises as it enters the viewport, tied directly to scroll position.
Reveal · Scroll reveal
InlayPro
A live shader material poured into real letterforms — molten rock, aurora, chrome, embers, tide. The text stays a real text node at transparent, so it is still selectable, searchable and read aloud exactly once while something genuinely animated fills it.
Reveal
Pixel Transition
Reveal a second layer through a random pixelated dissolve on hover.
Reveal
Stagger Menu
A menu overlay that blooms open as a clip-path circle spring while items stagger in with blur and rotation, then collapses back to its pill.
Reveal
Torchlight
Content hidden in darkness; the cursor is a torch that reveals only what it touches.
Reveal
Dissolve
An element disintegrates into drifting shadow-motes on dismiss, and reforms on command.
Reveal
Sigil
An SVG crest that traces itself in when it scrolls into view, stroke by stroke.
Reveal · Scroll reveal
Rift
A draggable tear between two overlaid scenes. Push past an edge and it resists, then snaps back.
Reveal
Aperture
A camera iris. Blades pivot on a ring of pins and one shared angle drives the whole mechanism: wide open at 64% of the housing, past the centre and light-tight at zero, cutting the scalloped polygon a real iris makes on the way through.
Reveal
Intro AnimationPro
A wind front sweeps the wordmark right to left. The instant it reaches a glyph the text hands off to a baseline-aligned field of GPU grain — same pixels, same colour, no seam — which peels crown-first and drifts away as smoke through a curl field. The backdrop opens behind it to reveal the page. Mount it over your app and unmount on onDone.
Reveal
MasonryPro
A Pinterest-style grid where every item drops into the shortest column, packed by measurement rather than by a shared row baseline.
Scroll reveal
The Terms
- Reveal
- Content is uncovered gradually, often by animating a clip-path or mask.
- Scroll reveal
- Elements fade or slide into place as they enter the viewport.