GSAP website templates
Builds where GSAP does the heavy lifting: scroll-scrubbed timelines, pinned sections, split-text reveals and magnetic interaction. Each one is a finished site, so you can read how a timeline is structured across a whole page rather than in isolation.
Every pack carries the prompt that specified the motion alongside the code that implements it, which makes them useful as a reference even if you never ship the design itself.
GSAP templates: your questions
What do you get with a GSAP website template?
A live preview of the finished site, the exact prompt that built it, and, where the design sells it, the complete source code. Some sources here are a single HTML file you open in a browser; the rest are standard projects that run with npm. Buy a single design, or unlock every design in the store with All-Access.
Which GSAP template should I start with?
Start with the one whose first screen is closest to the feeling you want, then make it yours. Good places to start: Mithaas & Co. (Scroll and a gold gift box unties its ribbon, lifts its lid and lets the mithai rise — then six sweets burst apart and you build your own Diwali box), MR. BIRIYANIWALA (Scroll and the dough seal cracks, the copper lid lifts and the biryani rises out of the handi — then seven more dishes explode, one per scroll) and SOLUNE (A single drop of molten gold falls, spins into a ring and takes its diamond as you scroll — then flip the sun to the moon and it turns to silver).
Is there a free GSAP website template?
Yes: the prompt for KŌDO and MONOLITH is free once you sign in. Copy it into your AI and see what it builds before you buy anything. The source code is never free.
Can I use these GSAP templates for client websites?
Yes. Every purchase includes a commercial licence: use it in your own projects and in work you deliver to clients, including paid client work, change and rebrand it, and publish the result with no credit needed. What you can't do is resell, share or republish the prompt or the source files themselves.
Do I need to know how to code?
You don't need to code to start. Paste the prompt into a coding agent and it writes the code; to change the words, colours or images, ask it in plain English. The source runs on your computer with a couple of standard commands, listed on each design's page.