Collections
Curated by stack and style — the fastest way to the right template. Every one is a Next.js app with GSAP + Lenis motion, a free build prompt, and an optional tested-source download.
Best Next.js scroll-animation templates (2026)
Every template in SmartDuke Studio is a standalone Next.js 16 + TypeScript + Tailwind app with the same motion spine: GSAP ScrollTrigger for the choreography and Lenis for smooth scrolling. That combination is what separates a genuinely premium scroll experience from a stack of fade-in-on-scroll blocks.
14 templates →
GSAP scroll templates for Next.js
GSAP (with the free-since-2025 ScrollTrigger and SplitText plugins) is the most capable scroll-animation toolkit on the web: pinned sections, scrubbed timelines, character-by-character reveals and frame-perfect video scrubbing all come from one library. The templates below lean on it hard.
10 templates →
Scroll-scrubbed video templates
A scroll-scrubbed video ties a clip's playhead to scroll position: scroll down and the film advances frame by frame, scroll up and it rewinds. Done well it's the most cinematic effect on the web — a single continuous shot becomes the whole page.
10 templates →
Three.js & 3D web templates
These templates put a real-time WebGL scene at the centre of the page: a procedural ocean you descend through, a low-poly world you fly across, a 3D product that photographs its own lookbook. All are built with vanilla Three.js (no React-Three-Fiber overhead) on Next.js.
3 templates →
Awwwards-style premium website templates
"Awwwards-style" usually means three things working together: a single strong idea, restrained editorial typography, and motion that's linked to scroll rather than sprinkled on top. These are our featured builds — the ones that carry that standard end to end.
9 templates →