Skip to content
tileio

Menu

10 layers · 2 free

GSAP website templates with ScrollTrigger, SplitText and Flip

Every Tileio template runs on GSAP 3 with ScrollTrigger and Lenis smooth scrolling, so this is a pick of the ones that show off the plugins best. Stackr pins its hero and snaps five blocks into a page with Flip. Field Day re-typesets a festival lineup with Flip when you change day and stage. Kiln throws a draggable product rail with Inertia. Copydesk rewrites a headline in different tones with SplitText.

Lines rising out of masks, sections that pin and draw, counters tied to scroll and timelines that wait for fonts to load are wired the same way across all ten, so once you know one file you can read them all.

The prompt quotes the motion script with exact durations and eases. For single HTML, GSAP loads from jsDelivr; for Next.js, React, Vue or Astro the prompt asks for GSAP from npm, run in effects with cleanup. Stackr and Kiln are free.

The 10 layers, in order

  1. Stackr: website builder landing page template preview

    Stackr

    FREE

    N° 0715 · Small-business website builder

    The hero pins while scrolling snaps five blocks from a palette into a page with GSAP Flip.

  2. A festival lineup poster that re-typesets with Flip when you switch day and stage, plus a flip-clock countdown.

  3. Kiln: ceramics online store template preview

    Kiln

    FREE

    N° 0027 · Ceramics / E-commerce

    A draggable, inertia-throwing product rail with tilting cards, and a firing block that counts to 1260 °C.

  4. Copydesk: copywriter portfolio website template preview

    Copydesk

    PRO

    N° 0678 · Copywriter portfolio

    A tone desk that rewrites a headline, line and button in different voices, with SplitText and Flip in the motion.

  5. Summit: outdoor gear online store template preview

    Summit

    PRO

    N° 0043 · outdoor gear

    A temperature slider that re-stacks the kit list with Flip, over canvas weather.

  6. Headline lines rise from masks after fonts load, the arched photo unrolls and figures count up.

  7. Northstar: strategy planning software landing page template preview

    Northstar

    PRO

    N° 0701 · Strategy planning software

    A pinned goal map that draws like a constellation as you scroll.

  8. A podcast network with a waveform player: chapter markers and a draggable playhead.

  9. Markwell: product launch landing page template preview

    Markwell

    PRO

    N° 0694 · software/product launch

    A launch-day page where highlighter swipes scale in and a vote odometer rolls.

  10. Fleetly: delivery route planning landing page template preview

    Fleetly

    PRO

    N° 0684 · Delivery route planning

    A dispatch board that plans a day on an SVG town map, routes drawing one after another in view.

Browse the full catalogue: Templates

Questions

Which GSAP plugins do these templates use?

All use GSAP 3 with ScrollTrigger and Lenis for smooth scrolling. Most add SplitText; Stackr, Field Day, Copydesk, Summit and Ashcombe use Flip, and Kiln uses Draggable with InertiaPlugin.

Can I use these GSAP templates in React or Next.js?

Yes. Pick Next.js or React before copying and the prompt asks for GSAP from npm, with the motion script run in useEffect and cleaned up on unmount, and the content rendered as normal markup.

Is GSAP free to use?

GSAP and its plugins, including SplitText and the other former Club plugins, have been free for commercial use since 2025. Check the current GSAP licence for your project.

Which GSAP templates are free on Tileio?

Stackr and Kiln. Free layers are for personal projects; commercial use needs Pro or Lifetime.

Related collections

All collections