smooth-scroll-storytelling-skill
Build elastic scroll-storytelling pages with native HTML, CSS, and GSAP
Build elastic scroll-storytelling pages with native HTML, CSS, and GSAP
smooth-scroll-storytelling provides a no-build recipe for quiet editorial pages with elastic scrolling and staged reveals. It combines a proxy-driven GSAP scroll layer, word-level blur reveals, sticky scenes, a drawn SVG guide line, and a scroll-responsive canvas visual, with reduced-motion and no-JavaScript fallbacks. The included skeletons and demo are meant to be reused in native HTML, CSS, and GSAP projects.
Resource types
Use cases
Platforms
Runtime
Build scroll-driven 3D websites from tested templates and reusable creative-development patterns.
Preview visual directions first, then let Claude build the selected website.
Audience
Public GitHub facts last synced Jul 10, 2026.
Replicate a mobile UI screenshot as an interactive, styled HTML demo.
Create and maintain Storybook stories for React, Vue, and Svelte components.