# scroll

Components⚛ TSX Live preview

Infinite Logo Marquee (Dual Row)

Two seamless marquee rows scrolling in opposite directions, edge-fade masks, pausing on hover.

8.3k47.8k9.6kOpen

Animations⚛ TSX Live preview

Scroll-Linked Parallax Scene

A scrollable night scene where the moon, mountains and hills translate at 0.3×/0.6×/0.85× scroll speed.

5.9k31.2k4.7kOpen

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⚛ TSX Live preview

Count-Up Stat Cards

Three stat cards whose numbers spring up from zero with cubic ease-out, styled with gradient numerals.

5.2k28.7k5.4kOpen

Site Templates Live preview

Scrollate — Cinematic Scroll Story

Three full-screen chapters that fade-rise into view, a gradient scroll-progress bar, and ambient glow that re-tints per section.

3.4k24.1k3kOpen

Scroll-Linked Background Color Shift

Full-viewport sections where the page background interpolates through per-section RGB stops as you scroll.

28700Open

Featured Animations Live preview

Word-by-Word Scroll Text Highlight

Long-form manifesto text that lights up one word at a time as you scroll, each with a marker underline.

35600Open

Count-Up Stat Cards (in-view)

Glass stat cards whose gradient numbers ease from zero when scrolled into view, powered by IntersectionObserver.

22400Open

Featured Animations Live preview

Sticky Stacking Cards Story

Full-height intro then four step cards that pin and stack over each other as you scroll, tinted per card.

33800Open

Featured Site Templates Live preview

Sticky stacking story cards

Full-height sticky cards pile up as you scroll a 4-step story, each with its own gradient atmosphere.

48700Open

Featured Site Templates Live preview

Dual-direction testimonial marquee

Two rows of testimonial cards scrolling in opposite directions with edge fades — social proof hero band.

38900Open

Count-up stats widgets

Four glass stat cards whose numbers ease-out count from zero to target with per-card corner glows.

34100Open

Scroll stagger reveal cards

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

36700Open

Featured Site Templates Live preview

Native scroll-snap horizontal gallery

Full-width horizontal card carousel using CSS scroll-snap and mandatory centering — zero JS, native momentum.

40200Open

Featured Components Live preview

Infinite Marquee Strip · Deep Indigo

A seamless infinite marquee of brand chips that slows on hover — duplicated for the loop. Rendered in the Deep Indigo palette.

14600Open

Infinite Marquee Strip · Aurora Teal

A seamless infinite marquee of brand chips that slows on hover — duplicated for the loop. Rendered in the Aurora Teal palette.

48400Open

Infinite Marquee Strip · Mono Pearl

A seamless infinite marquee of brand chips that slows on hover — duplicated for the loop. Rendered in the Mono Pearl palette.

46900Open

Infinite Marquee Strip · Ultra Violet

A seamless infinite marquee of brand chips that slows on hover — duplicated for the loop. Rendered in the Ultra Violet palette.

45700Open

Infinite Marquee Strip · Cyber Lime

A seamless infinite marquee of brand chips that slows on hover — duplicated for the loop. Rendered in the Cyber Lime palette.

51000Open

Infinite Marquee Strip · Sunset Amber

A seamless infinite marquee of brand chips that slows on hover — duplicated for the loop. Rendered in the Sunset Amber palette.

74900Open

Infinite Marquee Strip · Rose Gold

A seamless infinite marquee of brand chips that slows on hover — duplicated for the loop. Rendered in the Rose Gold palette.

85300Open

Infinite Marquee Strip · Ocean Sky

A seamless infinite marquee of brand chips that slows on hover — duplicated for the loop. Rendered in the Ocean Sky palette.

77700Open

Featured Animations Live preview

Rolling Stat Counters · Candy Pink

Three big numbers race upward with a soft overshoot when the panel scrolls into view. Rendered in the Candy Pink palette.

21100Open

Rolling Stat Counters · Royal Gold

Three big numbers race upward with a soft overshoot when the panel scrolls into view. Rendered in the Royal Gold palette.

65900Open

Rolling Stat Counters · Crimson Heat

Three big numbers race upward with a soft overshoot when the panel scrolls into view. Rendered in the Crimson Heat palette.

14700Open

Rolling Stat Counters · Deep Indigo

Three big numbers race upward with a soft overshoot when the panel scrolls into view. Rendered in the Deep Indigo palette.

27000Open

Rolling Stat Counters · Aurora Teal

Three big numbers race upward with a soft overshoot when the panel scrolls into view. Rendered in the Aurora Teal palette.

60800Open

Rolling Stat Counters · Mono Pearl

Three big numbers race upward with a soft overshoot when the panel scrolls into view. Rendered in the Mono Pearl palette.

33700Open

Rolling Stat Counters · Ultra Violet

Three big numbers race upward with a soft overshoot when the panel scrolls into view. Rendered in the Ultra Violet palette.

10900Open

Rolling Stat Counters · Cyber Lime

Three big numbers race upward with a soft overshoot when the panel scrolls into view. Rendered in the Cyber Lime palette.

12200Open

Scrub Story Strip · Ultra Violet

A cinematic progress strip: three captions scrub across in sequence with a page-progress bar — like scroll, hands-free. Rendered in the Ultra Violet palette.

21900Open

Scrub Story Strip · Cyber Lime

A cinematic progress strip: three captions scrub across in sequence with a page-progress bar — like scroll, hands-free. Rendered in the Cyber Lime palette.

85200Open

Scrub Story Strip · Sunset Amber

A cinematic progress strip: three captions scrub across in sequence with a page-progress bar — like scroll, hands-free. Rendered in the Sunset Amber palette.

51100Open

Scrub Story Strip · Rose Gold

A cinematic progress strip: three captions scrub across in sequence with a page-progress bar — like scroll, hands-free. Rendered in the Rose Gold palette.

48700Open

Scrub Story Strip · Ocean Sky

A cinematic progress strip: three captions scrub across in sequence with a page-progress bar — like scroll, hands-free. Rendered in the Ocean Sky palette.

41100Open

Scrub Story Strip · Mint Breeze

A cinematic progress strip: three captions scrub across in sequence with a page-progress bar — like scroll, hands-free. Rendered in the Mint Breeze palette.

61900Open

Scrub Story Strip · Candy Pink

A cinematic progress strip: three captions scrub across in sequence with a page-progress bar — like scroll, hands-free. Rendered in the Candy Pink palette.

16100Open

Scrub Story Strip · Royal Gold

A cinematic progress strip: three captions scrub across in sequence with a page-progress bar — like scroll, hands-free. Rendered in the Royal Gold palette.

60900Open