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.

HTMLCSSJavaScriptAdvanced

85200Open

preview

Animations⚛ TSX Live preview

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.

HTMLCSSJavaScriptAdvanced

21900Open

preview

Components⚛ TSX Live preview

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.

HTMLCSSReactAdvanced

48400Open

preview

Animations⚛ TSX Live preview

Scroll Reveal Cards

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

HTMLCSSJavaScriptAdvanced

000Open

preview

Animations⚛ TSX Live preview

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.

HTMLCSSJavaScriptAdvanced

27000Open

preview

Animations⚛ TSX Live preview

Smooth Marquee Loop

Seamless looping marquee with eased motion and reverse option.

HTMLCSSReactAdvanced

000Open

preview

Animations⚛ TSX Live preview

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.

HTMLCSSJavaScriptAdvanced

61900Open

preview

Featured Site Templates⚛ TSX Live preview

Native scroll-snap horizontal gallery

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

HTMLCSSReactAdvanced

40200Open

preview

Animations⚛ TSX Live preview

Scroll stagger reveal cards

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

HTMLCSSJavaScriptAdvanced

36700Open

preview

Featured Animations⚛ TSX 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.

HTMLCSSJavaScriptAdvanced

21100Open

preview

Components⚛ TSX Live preview

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.

HTMLCSSReactAdvanced

85300Open

preview

Components⚛ TSX Live preview

Marketing Navbar with CTA Stack

Marketing navbar with center links, right CTA pair and scroll-shrink behaviour.

HTMLCSSJavaScriptAdvanced

000Open

preview

Animations⚛ TSX Live preview

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.

HTMLCSSJavaScriptAdvanced

48700Open

preview

Components⚛ TSX Live preview

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.

HTMLCSSReactAdvanced

46900Open

preview

Components⚛ TSX Live preview

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.

HTMLCSSReactAdvanced

77700Open

preview

UI Elements⚛ TSX Live preview

Scroll Progress Bar

Thin progress bar pinned to top showing scroll position.

HTMLCSSJavaScriptAdvanced

000Open

preview

Components⚛ TSX Live preview

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.

HTMLCSSReactAdvanced

74900Open

preview

Animations⚛ TSX Live preview

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.

HTMLCSSJavaScriptAdvanced

41100Open

preview

Animations⚛ TSX Live preview

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.

HTMLCSSJavaScriptAdvanced

60900Open

preview

Animations⚛ TSX Live preview

Count-up stats widgets

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

HTMLCSSJavaScriptAdvanced

34100Open

preview

Components⚛ TSX Live preview

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.

HTMLCSSReactAdvanced

51000Open

preview

Animations⚛ TSX Live preview

Scrolling Number Counters

Stats counting up on scroll into view with easing and suffix.

HTMLCSSJavaScriptAdvanced

000Open

preview

Animations⚛ TSX Live preview

Seamless Marquee Belt

Two-direction seamless marquee belts of text and glyphs with pause on hover.

HTMLCSSJavaScriptAdvanced

000Open

preview

Featured Site Templates⚛ TSX 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.

HTMLCSSReactAdvanced

48700Open

preview

Animations⚛ TSX Live preview

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.

HTMLCSSJavaScriptAdvanced

14700Open

preview

Animations⚛ TSX Live preview

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.

HTMLCSSJavaScriptAdvanced

33700Open

preview

Animations⚛ TSX Live preview

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.

HTMLCSSJavaScriptAdvanced

10900Open

preview

Animations⚛ TSX Live preview

Vertical News Ticker

Vertical ticker scrolling headlines upward on a loop.

HTMLCSSJavaScriptAdvanced

000Open

preview

Featured Components⚛ TSX 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.

HTMLCSSReactAdvanced

14600Open

preview

Components⚛ TSX Live preview

Scroll-Linked Background Color Shift

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

HTMLCSSJavaScriptAdvanced

28700Open

preview

Animations⚛ TSX Live preview

Testimonial Marquee

Testimonial quotes scrolling continuously with avatar chips.

HTMLCSSJavaScriptAdvanced

000Open

preview

Animations⚛ TSX Live preview

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.

HTMLCSSJavaScriptAdvanced

16100Open

preview

Animations⚛ TSX Live preview

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.

HTMLCSSJavaScriptAdvanced

60800Open

preview

Animations⚛ TSX Live preview

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.

HTMLCSSJavaScriptAdvanced

12200Open

preview

Animations⚛ TSX Live preview

Award Ribbons Marquee

Awards and badges scrolling in a prestigious ribbon marquee.

HTMLCSSJavaScriptAdvanced

000Open

preview

Components⚛ TSX Live preview

Animated Stat Counter

Count-up stat cards that trigger on scroll with eased number animation.

HTMLCSSJavaScriptAdvanced

000Open

preview

Animations⚛ TSX Live preview

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.

HTMLCSSJavaScriptAdvanced

51100Open

preview

Components⚛ TSX Live preview