Animated website templates

Interactive, animated website templates built from Vault effects, composed and polished into sites you can actually deploy. Copy the folder, swap the content, and launch. No build step, no framework lock-in, accessibility and reduced motion handled.

Complete pages
Nav, hero, sections and footer, composed from Vault effects that work together.
Deploy anywhere
Plain HTML, CSS and JavaScript. Any host, no build step, no framework.
Built properly
Reduced motion, keyboard navigation and mobile layouts as standard.
Templates Pass

£50

Every current and future premium template. 58 today, and every one we add to this line.

The Vault

£99

All three lines: 67 effects, 58 templates and 40 UI elements. 165 today, plus everything we release next.

Browse templates

Use case

Photographer Template - A photographer website template in a Nordic register: cool near-white paper, one tight grotesk, hairline ruled tables
063 New £10

Photographer Template

A photographer website template in a Nordic register: cool near-white paper, one tight grotesk, hairline ruled tables. A quiet hero with one photograph at the edge, six frames in a sideways run driven by scroll, a dark wall of ten prints to scroll, drag and zoom through, a print basket, and a commission table that works out the price as you choose. Suits weddings, hotels, travel, interiors or surf schools.

ScrollTrigger pinning
Horizontal Scroll Template - A horizontal scroll website template written as a furniture workshop's showroom: a headline at display scale running into a photograph, then six plates on one pinned rail that vertical scroll pans sideways, with a timber picker that recolours its plate and a table whose sizes draw over the photograph
061 New £10

Horizontal Scroll Template

A horizontal scroll website template written as a furniture workshop's showroom: a headline at display scale running into a photograph, then six plates on one pinned rail that vertical scroll pans sideways, with a timber picker that recolours its plate and a table whose sizes draw over the photograph. Re-points to a furniture maker, a lighting studio, a ceramicist, an interiors shop, a product designer's portfolio or a gallery.

ScrollTrigger horizontal-scroll
Fullscreen Slider Template - A one-page hotel site built on a full-screen room slider: six full-bleed photographs walked through one frame with a curtain wipe, a live rate and a plan of the house, a day you drag through hour by hour, and a stay builder
060 New £10

Fullscreen Slider Template

A one-page hotel site built on a full-screen room slider: six full-bleed photographs walked through one frame with a curtain wipe, a live rate and a plan of the house, a day you drag through hour by hour, and a stay builder. Re-points to a boutique hotel, a B&B or guesthouse, a hostel, a holiday resort, a restaurant with rooms or a wedding venue.

ScrollTriggerObserver
Parallax Scroll Template - A nature-led one-page site for a national trail, outdoor brand or landscape project: four full-bleed photographs pinned into a scroll-scrubbed journey, a live type specimen you type into, and a lens that samples the palette off a hillside
059 New £10

Parallax Scroll Template

A nature-led one-page site for a national trail, outdoor brand or landscape project: four full-bleed photographs pinned into a scroll-scrubbed journey, a live type specimen you type into, and a lens that samples the palette off a hillside.

ScrollTrigger pinning
Multi-Page SaaS Template - A four-page SaaS website template with animated page transitions and a real light/dark theme: links fetch the next page and swap only the main column, so the header, the mega menu and the theme survive every navigation
058 New 4 pages £10

Multi-Page SaaS Template

A four-page SaaS website template with animated page transitions and a real light/dark theme: links fetch the next page and swap only the main column, so the header, the mega menu and the theme survive every navigation. Re-points to a developer tool, an API product, an analytics or fintech SaaS, an agency site, or any multi-page marketing site.

ScrollTrigger page-transition
Layered Depth Template - A spatial and exhibition design studio site built as translucent planes in a lit room: a scroll-driven depth pass, a cursor-tilted cluster, and planes that flatten to full bleed
057 New £10

Layered Depth Template

A spatial and exhibition design studio site built as translucent planes in a lit room: a scroll-driven depth pass, a cursor-tilted cluster, and planes that flatten to full bleed.

ScrollTriggerFlip
Poster Grid Template - A one-page site for a poster biennale, built on a twelve-column rule grid that is printed on the page rather than hidden behind it: the grid draws itself in as measured rules while the headline sets column by column, four photographic plates reflow between fixed compositions with GSAP Flip, and a marginalia rail down the outer column tracks scroll on three channels at once
056 New £10

Poster Grid Template

A one-page site for a poster biennale, built on a twelve-column rule grid that is printed on the page rather than hidden behind it: the grid draws itself in as measured rules while the headline sets column by column, four photographic plates reflow between fixed compositions with GSAP Flip, and a marginalia rail down the outer column tracks scroll on three channels at once.

ScrollTriggerFlip
Split Screen Template - A one-page site for an independent industrial design studio, built as two committed full-height fields — an ochre one and a near-black one — divided by a seam the visitor can actually drag
055 New £10

Split Screen Template

A one-page site for an independent industrial design studio, built as two committed full-height fields — an ochre one and a near-black one — divided by a seam the visitor can actually drag. Scroll sends the two fields in opposite directions, the headline straddling the divide is knocked out correctly on both grounds, project plates are dealt out from the seam in a pinned sequence, and a second seam further down bends toward the cursor.

ScrollTriggerDraggable
AI Studio SaaS Template - A saturated editorial SaaS template with an aperture-led type hero, a scroll-directed visual sequence, and a clickable art-direction mixer
054 £10

AI Studio SaaS Template

A saturated editorial SaaS template with an aperture-led type hero, a scroll-directed visual sequence, and a clickable art-direction mixer.

ScrollTrigger pointer-tracking
Fine Jewellery Template - A cold-luxury two page site for an independent jewellery house: a raking light you sweep across a single piece to move its exposure, its specular streak, its cast shadow and its colour temperature at once, plus a twelve piece shop page with a Flip-powered category filter, add to cart on every piece and a front-end selection drawer shared across both pages
053 2 pages £10

Fine Jewellery Template

A cold-luxury two page site for an independent jewellery house: a raking light you sweep across a single piece to move its exposure, its specular streak, its cast shadow and its colour temperature at once, plus a twelve piece shop page with a Flip-powered category filter, add to cart on every piece and a front-end selection drawer shared across both pages.

ScrollTriggerFlip
Record Label Template - A complete independent record label site on a saturated magenta ground, with a rack of designed vinyl sleeves whose records slide out and become genuinely drag-spinnable turntables with inertia, motion smear and an elastic settle
052 £10

Record Label Template

A complete independent record label site on a saturated magenta ground, with a rack of designed vinyl sleeves whose records slide out and become genuinely drag-spinnable turntables with inertia, motion smear and an elastic settle.

ScrollTriggerDraggable
Craft Brewery Template - A one-page brewery and taproom site where a draggable spinning can is the hero: the only saturated object on an industrial gunmetal shell, and picking a beer retokens the whole page
051 £10

Craft Brewery Template

A one-page brewery and taproom site where a draggable spinning can is the hero: the only saturated object on an industrial gunmetal shell, and picking a beer retokens the whole page.

ScrollTrigger draggable
Sports Club Template - A complete one-page site for a semi-professional football club, painted edge to edge in one saturated kit colour with the club name set at poster scale across a full-bleed photograph, built around a draggable season scrubber that turns a plain results list into an instrument: throw it and the scoreline, points, league position, form guide and position curve all answer to the same finger
050 £10

Sports Club Template

A complete one-page site for a semi-professional football club, painted edge to edge in one saturated kit colour with the club name set at poster scale across a full-bleed photograph, built around a draggable season scrubber that turns a plain results list into an instrument: throw it and the scoreline, points, league position, form guide and position curve all answer to the same finger.

ScrollTrigger drag-scrub
Documentation Site Template - A complete six-page documentation site on a clean near-white reading surface, with a proper dark theme and a cool slate alternate shipped as one-attribute palette swaps: fixed top bar, cross-linked sidebar tree, article column and scrollspy "On this page" rail on every page, built around a Cmd+K command palette that fuzzy-searches an index read live from the site's navigation and the current page's headings
049 6 pages £10

Documentation Site Template

A complete six-page documentation site on a clean near-white reading surface, with a proper dark theme and a cool slate alternate shipped as one-attribute palette swaps: fixed top bar, cross-linked sidebar tree, article column and scrollspy "On this page" rail on every page, built around a Cmd+K command palette that fuzzy-searches an index read live from the site's navigation and the current page's headings.

ScrollTrigger command-palette
Team Chat App Template - A dark-mode team chat web-app UI whose conversation plays itself: a choreographed GSAP replay of launch morning with typing indicators, landing messages, popping reactions, a mention sweep and a thread that opens on cue, inside a full app shell with channel switching, a composer and a mobile drawer
048 £10

Team Chat App Template

A dark-mode team chat web-app UI whose conversation plays itself: a choreographed GSAP replay of launch morning with typing indicators, landing messages, popping reactions, a mention sweep and a thread that opens on cue, inside a full app shell with channel switching, a composer and a mobile drawer.

timed-streamstagger
Advertising Agency Template - A one-page site for a full-service ad agency, opening on a hero whose background is a pinned, scroll-scrubbed reel of location photography, before a capabilities marquee that skews in proportion to how fast the visitor is scrolling right now, tracked live with the GSAP Observer plugin
047 £10

Advertising Agency Template

A one-page site for a full-service ad agency, opening on a hero whose background is a pinned, scroll-scrubbed reel of location photography, before a capabilities marquee that skews in proportion to how fast the visitor is scrolling right now, tracked live with the GSAP Observer plugin. Six real campaign case studies with results stats, a CSS-only discipline filter, and an honest process rail sit either side of it.

ScrollTriggerSplitText
Branding Studio Template - An editorial one-page site for a brand and identity studio: a contents index of typographic plates you throw sideways with a finger, display headings cut in a variable serif that arrive light and set themselves once as they come into view, and a featured project laid out as a proper article with a drop cap, marginalia and numbered notes
046 £10

Branding Studio Template

An editorial one-page site for a brand and identity studio: a contents index of typographic plates you throw sideways with a finger, display headings cut in a variable serif that arrive light and set themselves once as they come into view, and a featured project laid out as a proper article with a drop cap, marginalia and numbered notes. Four measured palettes ship.

ScrollTriggerDraggable
Web Design Agency Template - A one-page site for a web design and development studio, built around a browser mockup that scroll-scrubs through the three stages of a real project: wireframe, then structure, then the finished thing
045 £10

Web Design Agency Template

A one-page site for a web design and development studio, built around a browser mockup that scroll-scrubs through the three stages of a real project: wireframe, then structure, then the finished thing. Services lead with plain price bands and timelines, and the whole page is keyed to one brand colour you swap.

ScrollTriggerSplitText
Investigative Story Template - A one-page investigation for a news publication: a full-bleed lead clip under the headline, three scroll-locked stages where a pinned media column crossfades photograph to photograph as three steps of reporting scroll past it, redacted documents whose bars wipe off as you read, and a right-of-reply statement block
044 £10

Investigative Story Template

A one-page investigation for a news publication: a full-bleed lead clip under the headline, three scroll-locked stages where a pinned media column crossfades photograph to photograph as three steps of reporting scroll past it, redacted documents whose bars wipe off as you read, and a right-of-reply statement block.

ScrollTrigger pinning
Recruitment Agency Template - A complete one-page recruitment agency template for specialist hiring studios, pairing candid editorial art direction with a kinetic talent-network hero, live Flip-powered role matching, a scroll-drawn three-step method, candidate stories, and a full employer brief dialog
043 £10

Recruitment Agency Template

A complete one-page recruitment agency template for specialist hiring studios, pairing candid editorial art direction with a kinetic talent-network hero, live Flip-powered role matching, a scroll-drawn three-step method, candidate stories, and a full employer brief dialog.

ScrollTriggerFlip
Financial Planner Template - A complete one-page site for an independent financial planner, centred on a draggable life-plan timeline that redraws an illustrative projection and updates the planning conversation live
042 £10

Financial Planner Template

A complete one-page site for an independent financial planner, centred on a draggable life-plan timeline that redraws an illustrative projection and updates the planning conversation live.

ScrollTriggerDraggable
Theatre Venue Template - A complete repertory theatre site with an oxblood playbill identity and a production selector whose stage curtains close, change the show at full cover, then open into a settling house-light glow
041 £10

Theatre Venue Template

A complete repertory theatre site with an oxblood playbill identity and a production selector whose stage curtains close, change the show at full cover, then open into a settling house-light glow.

ScrollTrigger clip-path
Long-Form Story Template - A one-page long read laid out for reading: a single 68-character measure on a pale celery ground, a sticky chapter spine with a scrubbed plum progress thread, inline-SVG figures that break the column, and four principle cards that stack into a deck as the section pins
040 £10

Long-Form Story Template

A one-page long read laid out for reading: a single 68-character measure on a pale celery ground, a sticky chapter spine with a scrubbed plum progress thread, inline-SVG figures that break the column, and four principle cards that stack into a deck as the section pins.

ScrollTrigger scroll-stack
Draggable Dashboard Template - A calm project-dashboard landing page with draggable, keyboard-reorderable widgets, a practical build-your-workspace section, expandable release rooms and split-flap metrics
039 £10

Draggable Dashboard Template

A calm project-dashboard landing page with draggable, keyboard-reorderable widgets, a practical build-your-workspace section, expandable release rooms and split-flap metrics.

ScrollTriggerFlip
Editorial One Page Template - A vertical-agnostic editorial one-pager whose cover exists twice: a chalk plate on top and an ink negative beneath it, revealed through a soft aperture that follows the cursor and stretches on the axis it is moving along
038 £10

Editorial One Page Template

A vertical-agnostic editorial one-pager whose cover exists twice: a chalk plate on top and an ink negative beneath it, revealed through a soft aperture that follows the cursor and stretches on the axis it is moving along.

ScrollTriggerSplitText
Link Hub Template - An editorial link-in-bio page for a fashion model and lifestyle creator: a Didone contents index whose covers follow the cursor and cross-fade as you move down the list, with a shipping four-palette persona switcher
037 £10

Link Hub Template

An editorial link-in-bio page for a fashion model and lifestyle creator: a Didone contents index whose covers follow the cursor and cross-fade as you move down the list, with a shipping four-palette persona switcher.

ScrollTrigger mouse-follow
QR Table Menu Template - A phone-first digital menu made to open from a QR code at the table, with a sticky category bar that crossfades between sections and dietary chips that filter every dish at once
036 Free

QR Table Menu Template

A phone-first digital menu made to open from a QR code at the table, with a sticky category bar that crossfades between sections and dietary chips that filter every dish at once.

ScrollTrigger tabs
Art Gallery Template - A one-page site for a contemporary art gallery, built on a cool white ground with one vermilion, whose signature is a walk-the-wall exhibition: the section pins and vertical scroll pans a hang of CSS-drawn artworks sideways, with a medium filter that re-hangs the wall
035 £10

Art Gallery Template

A one-page site for a contemporary art gallery, built on a cool white ground with one vermilion, whose signature is a walk-the-wall exhibition: the section pins and vertical scroll pans a hang of CSS-drawn artworks sideways, with a medium filter that re-hangs the wall.

ScrollTriggerFlip
Travel & Tour Template - A complete one-page site for a boutique small-group tour operator, built on a lagoon-teal ground with a coral accent, and an interactive itinerary map whose route line draws itself in as its signature
034 £10

Travel & Tour Template

A complete one-page site for a boutique small-group tour operator, built on a lagoon-teal ground with a coral accent, and an interactive itinerary map whose route line draws itself in as its signature.

ScrollTrigger svg-line-draw
Cocktail Bar Template - A complete one-page site for a 1920s speakeasy, built on a deep teal-black ground with brass deco linework, whose signature is a build-your-cocktail glass that pours coloured liquid layers as you pick a base spirit and mixers
033 £10

Cocktail Bar Template

A complete one-page site for a 1920s speakeasy, built on a deep teal-black ground with brass deco linework, whose signature is a build-your-cocktail glass that pours coloured liquid layers as you pick a base spirit and mixers.

ScrollTrigger timeline-control
Interior Design Studio Template - A complete one-page site for a boutique interior design studio on a warm greige ground, with a draggable before/after slider that wipes a redesigned room over the bare original as its signature
032 £10

Interior Design Studio Template

A complete one-page site for a boutique interior design studio on a warm greige ground, with a draggable before/after slider that wipes a redesigned room over the bare original as its signature.

ScrollTrigger scroll-reveal
Incident Alerting SaaS Template - A complete one-page SaaS landing site for an uptime monitoring and incident alerting product, built around a live alert wire: monitor events arrive on a timed stream, shunt the list down, tick the hero counters, and expand into incident detail cards on hover or focus
031 £10

Incident Alerting SaaS Template

A complete one-page SaaS landing site for an uptime monitoring and incident alerting product, built around a live alert wire: monitor events arrive on a timed stream, shunt the list down, tick the hero counters, and expand into incident detail cards on hover or focus.

ScrollTrigger timed-stream
Email API SaaS Template - A complete one-page landing site for a transactional email API, set like airmail stationery: outbound letters fly into the hero's sorting tray on a timed stream, filterable by email type, each one openable to its delivery report and frankable DELIVERED with a rubber-stamp thunk
030 £10

Email API SaaS Template

A complete one-page landing site for a transactional email API, set like airmail stationery: outbound letters fly into the hero's sorting tray on a timed stream, filterable by email type, each one openable to its delivery report and frankable DELIVERED with a rubber-stamp thunk.

ScrollTrigger scroll-reveal
Observatory Template - A complete one-page site for a public observatory or planetarium, built around scroll-drawn constellations: hand-plotted star maps that DrawSVG connects line by line as each section arrives, over a three-layer parallax starfield
029 £10

Observatory Template

A complete one-page site for a public observatory or planetarium, built around scroll-drawn constellations: hand-plotted star maps that DrawSVG connects line by line as each section arrives, over a three-layer parallax starfield.

ScrollTriggerDrawSVG
Indie Magazine Template - A complete single-issue site for an independent print magazine, set like a broadsheet front page: a cover headline that typesets itself letter by letter, and pull quotes that grow on scroll while the newspaper columns re-wrap around them live
028 £10

Indie Magazine Template

A complete single-issue site for an independent print magazine, set like a broadsheet front page: a cover headline that typesets itself letter by letter, and pull quotes that grow on scroll while the newspaper columns re-wrap around them live.

ScrollTriggerSplitText
Online Course Template - A complete one-page site for selling a single online course, built around a draggable pace planner: set your hours per week and watch the curriculum re-pack itself into real weeks with a live finish date
027 £10

Online Course Template

A complete one-page site for selling a single online course, built around a draggable pace planner: set your hours per week and watch the curriculum re-pack itself into real weeks with a live finish date.

ScrollTriggerDraggable
Food Truck Template - A complete one-page site for a street-food truck, built around an illustrated route map: pick a day of the week and the van drives along the route to that day's pitch with MotionPathPlugin, wheels turning, exhaust puffing on arrival, each pin revealing a photo of its pitch
026 £10

Food Truck Template

A complete one-page site for a street-food truck, built around an illustrated route map: pick a day of the week and the van drives along the route to that day's pitch with MotionPathPlugin, wheels turning, exhaust puffing on arrival, each pin revealing a photo of its pitch.

ScrollTriggerMotionPathPlugin
Bookshop Template - A complete one-page site for an independent bookshop, built around a spine wall: a shelf of art-directed CSS book spines where pulling one tips the book out in 3D and opens it on the table below, cover and staff blurb on facing pages
025 £10

Bookshop Template

A complete one-page site for an independent bookshop, built around a spine wall: a shelf of art-directed CSS book spines where pulling one tips the book out in 3D and opens it on the table below, cover and staff blurb on facing pages.

ScrollTrigger 3d-transforms
Tattoo Studio Template - A complete one-page site for a tattoo studio, built around a flash-sheet picker: choose a design off the sheet and watch its linework ink itself stroke by stroke with DrawSVG, black lines first, red packed in last
024 £10

Tattoo Studio Template

A complete one-page site for a tattoo studio, built around a flash-sheet picker: choose a design off the sheet and watch its linework ink itself stroke by stroke with DrawSVG, black lines first, red packed in last.

ScrollTriggerDrawSVG
Link in Bio Template - A free creator profile page whose link cards toss onto the page like stickers landing on a desk, drag anywhere with momentum, and tween back into a neat stack on 'Tidy up' - while a tap always just opens the link
023 Free

Link in Bio Template

A free creator profile page whose link cards toss onto the page like stickers landing on a desk, drag anywhere with momentum, and tween back into a neat stack on 'Tidy up' - while a tap always just opens the link.

DraggableInertiaPlugin
Wedding Template - A wedding one-pager with one job, getting guests to RSVP, built as a stationery suite on champagne and card stock, with a reply card that writes itself in typewriter text and posts itself in an envelope on submit
022 £10

Wedding Template

A wedding one-pager with one job, getting guests to RSVP, built as a stationery suite on champagne and card stock, with a reply card that writes itself in typewriter text and posts itself in an envelope on submit.

ScrollTrigger scroll-reveal
Charity Campaign Template - A free one-page river-restoration appeal built around a draggable before/after comparator: a gauge-board divider wipes between the degraded and the restored river, and every figure on the page counts like a reading
021 Free

Charity Campaign Template

A free one-page river-restoration appeal built around a draggable before/after comparator: a gauge-board divider wipes between the degraded and the restored river, and every figure on the page counts like a reading.

ScrollTriggerDraggable
Coming Soon Template - A free single-screen holding page dressed as a picture house: a projector beam rakes across a dark auditorium, a house light wanders the room, and the countdown is an Academy leader whose sweep hand turns continuously while the day count cuts once a day
020 Free

Coming Soon Template

A free single-screen holding page dressed as a picture house: a projector beam rakes across a dark auditorium, a house light wanders the room, and the countdown is an Academy leader whose sweep hand turns continuously while the day count cuts once a day.

countdownambient
Strength Gym Template - A complete one-page site for a barbell club or strength gym, built around a one-rep-max calculator that prescribes every week of a twelve-week block and draws the plates you actually have to load
019 £10

Strength Gym Template

A complete one-page site for a barbell club or strength gym, built around a one-rep-max calculator that prescribes every week of a twelve-week block and draws the plates you actually have to load.

ScrollTriggerDraggable
Podcast Show Template - A complete one-page site for a podcast or audio show, built on a deep wine ground with one hot pink accent, and a real drag-to-scrub waveform player with chapter markers as its signature
018 £10

Podcast Show Template

A complete one-page site for a podcast or audio show, built on a deep wine ground with one hot pink accent, and a real drag-to-scrub waveform player with chapter markers as its signature.

ScrollTriggerDraggable
Coffee Roaster Template - A complete one-page shop for a small coffee roaster, built on an espresso ground with one acid-green accent, and a working demo basket with a fly-to-basket arc, grind selection and a live subtotal as its signature
017 £10

Coffee Roaster Template

A complete one-page shop for a small coffee roaster, built on an espresso ground with one acid-green accent, and a working demo basket with a fly-to-basket arc, grind selection and a live subtotal as its signature.

ScrollTrigger scroll-reveal
Holiday Let Template - A complete one-page site for a single holiday cottage or cabin, built around a draggable date-range availability calendar that refuses to span nights already taken and prices every night on its own season
016 £10

Holiday Let Template

A complete one-page site for a single holiday cottage or cabin, built around a draggable date-range availability calendar that refuses to span nights already taken and prices every night on its own season.

ScrollTrigger draggable
Nail Studio Template - A complete one-page site for a boutique nail studio, built on a butter ground with one lacquer red, and a live shade try-on that paints a photographed hand coat by coat as its signature
015 £10

Nail Studio Template

A complete one-page site for a boutique nail studio, built on a butter ground with one lacquer red, and a live shade try-on that paints a photographed hand coat by coat as its signature.

ScrollTrigger scroll-reveal
Barber Shop Template - A complete one-page site for a barber shop, built on an aubergine ground with heavy slab type, and a three-step booking flow with a running summary as its signature
014 £10

Barber Shop Template

A complete one-page site for a barber shop, built on an aubergine ground with heavy slab type, and a three-step booking flow with a running summary as its signature.

ScrollTrigger scroll-reveal
Real Estate Template - A four-page estate agency site on a deep petrol ground, with a GSAP Flip shared-element transition that carries a listing photograph across a real page navigation into the property hero
013 4 pages £10

Real Estate Template

A four-page estate agency site on a deep petrol ground, with a GSAP Flip shared-element transition that carries a listing photograph across a real page navigation into the property hero.

ScrollTriggerFlip
Wellness Studio Template - A complete one-page site for a yoga or movement studio, built on a saturated terracotta ground, with a full-week class timetable and an interactive 4-7-8 breath guide as its signature
012 £10

Wellness Studio Template

A complete one-page site for a yoga or movement studio, built on a saturated terracotta ground, with a full-week class timetable and an interactive 4-7-8 breath guide as its signature.

ScrollTrigger svg-animation
Photography Portfolio Template - A complete one-page photographer's portfolio on a mid-tone gallery-wall ground, with a signature loupe: a circular magnifier that tracks the cursor across a desaturated contact sheet and is the only place colour appears
011 £10

Photography Portfolio Template

A complete one-page photographer's portfolio on a mid-tone gallery-wall ground, with a signature loupe: a circular magnifier that tracks the cursor across a desaturated contact sheet and is the only place colour appears.

ScrollTrigger hover-effect
SaaS Landing Page Template - A hard-edged Swiss landing page for a B2B software product, built around an interactive product mockup: switching feature tabs redraws the mini-UI inside the app window, so visitors drive the console instead of looking at a screenshot of it
010 £10

SaaS Landing Page Template

A hard-edged Swiss landing page for a B2B software product, built around an interactive product mockup: switching feature tabs redraws the mini-UI inside the app window, so visitors drive the console instead of looking at a screenshot of it.

ScrollTrigger tabs
Landing Page Template - A vertical-agnostic one-page site whose identity is structural: bands alternate hard between two tones, and the fixed nav and reading rail invert themselves against whatever is behind them using mix-blend-mode rather than script
009 £10

Landing Page Template

A vertical-agnostic one-page site whose identity is structural: bands alternate hard between two tones, and the fixed nav and reading rail invert themselves against whatever is behind them using mix-blend-mode rather than script.

ScrollTrigger blend-mode
Developer Portfolio Template - A one-page portfolio for a solo engineer, built around a workbench panel where each snippet types itself out character by character while the preview beside it builds, then runs the exact code you just read
008 £10

Developer Portfolio Template

A one-page portfolio for a solo engineer, built around a workbench panel where each snippet types itself out character by character while the preview beside it builds, then runs the exact code you just read.

ScrollTrigger typewriter
Resume Template - A personal CV site that morphs between two layouts: a signature Flip-driven toggle reflows the whole page from a spacious web resume into an A4 document, backed by a real print stylesheet so the site is also the PDF
007 £10

Resume Template

A personal CV site that morphs between two layouts: a signature Flip-driven toggle reflows the whole page from a spacious web resume into an A4 document, backed by a real print stylesheet so the site is also the PDF.

ScrollTriggerFlip
Fashion Drop Template - A stark one-page drop site for a limited clothing release: live countdown in the hero and sticky bar, a draggable lookbook card deck, a scarcity-driven product grid, and a first-access waitlist built for conversion
006 £10

Fashion Drop Template

A stark one-page drop site for a limited clothing release: live countdown in the hero and sticky bar, a draggable lookbook card deck, a scarcity-driven product grid, and a first-access waitlist built for conversion.

DraggableInertiaPlugin
Architecture Studio Template - A complete one-page site for an architecture practice: a scroll-scrubbed blueprint hero that draws a building elevation in orange linework and crossfades into the finished photograph, plus a project index with live preview swaps, count-up stats, and a parallax featured project
005 £10

Architecture Studio Template

A complete one-page site for an architecture practice: a scroll-scrubbed blueprint hero that draws a building elevation in orange linework and crossfades into the finished photograph, plus a project index with live preview swaps, count-up stats, and a parallax featured project.

ScrollTrigger svg-line-draw
Restaurant Template - A complete one-page restaurant site with a candlelit dark art direction: full-bleed photo hero with a spaced-caps wordmark reveal, and a signature hover image trail that conjures dish photographs as the cursor moves across the tasting menu
004 £10

Restaurant Template

A complete one-page restaurant site with a candlelit dark art direction: full-bleed photo hero with a spaced-caps wordmark reveal, and a signature hover image trail that conjures dish photographs as the cursor moves across the tasting menu.

ScrollTrigger cursor-effects
Product Launch Template - A complete one-page product launch site built from GSAP Vault effects: bouncy word-pop hero with rising fizz, rotating badge, ink ticker, elastic sticker cards, and a pinned flavour switcher that retints the whole section as you scroll
003 £10

Product Launch Template

A complete one-page product launch site built from GSAP Vault effects: bouncy word-pop hero with rising fizz, rotating badge, ink ticker, elastic sticker cards, and a pinned flavour switcher that retints the whole section as you scroll.

ScrollTrigger scroll-reveal
Music Festival Template - An editorial three-day festival site with an interactive vinyl hero, accessible lineup filters, dependable nightly timetables, selectable venue gallery, sponsor logo system, tickets, and practical information
002 £10

Music Festival Template

An editorial three-day festival site with an interactive vinyl hero, accessible lineup filters, dependable nightly timetables, selectable venue gallery, sponsor logo system, tickets, and practical information.

ScrollTrigger text-animation
Creative Portfolio Template - A complete one-page studio portfolio built from GSAP Vault effects: split-text hero, client logo marquee, stagger grid work section, pinned horizontal case studies, count-up stats, and magnetic buttons
001 £10

Creative Portfolio Template

A complete one-page studio portfolio built from GSAP Vault effects: split-text hero, client logo marquee, stagger grid work section, pinned horizontal case studies, count-up stats, and magnetic buttons.

ScrollTriggerSplitText

Browse templates by use case

Portfolio & personal

Templates for showing your own work: studio portfolios, developer sites, photography, and CVs.

21 templates

Business & services

Templates for practices and service businesses that sell expertise, sessions, or projects.

25 templates

Commerce & product

Templates built around selling a product: launches, drops, and single-product pages.

9 templates

Events & hospitality

Templates for places and dates: festivals, venues, restaurants, and bookable experiences.

19 templates

Landing & marketing

Conversion-focused one-pagers that adapt to any vertical, including software product pages.

11 templates

App & dashboard UI

Working web-app interfaces: chat apps, documentation sites, and dashboard shells you deploy as the product front-end itself.

4 templates

New to this? The GSAP templates guide covers what an animated template actually contains, how it differs from a CMS theme or a starter kit, and the order to customise one in.

Not from the shelf. Made for you.

Limited custom-build slots

A one-off, GSAP-powered page designed around your brand and brief. You get the source files; the finished design stays yours and never enters the Vault library.

  • Original one-page design
  • Responsive HTML, CSS and JavaScript
  • Coordinated GSAP animation
  • One focused revision

Projects from£149

Request a custom template

Final quote depends on scope. Reusable techniques and underlying code patterns are not exclusive.

Template questions

What is an interactive website template?

An interactive website template is a complete, pre-built web page where animation and interaction are part of the design: scroll-triggered reveals, cursor effects, draggable elements, and animated text, rather than static sections. GSAP Vault templates are built with GSAP, the animation library used by over 11 million websites, and ship as deployable one-page sites.

Do the templates require a framework or build step?

No. Every template is plain HTML, CSS, and JavaScript with GSAP loaded from a CDN. There is no build step and no framework lock-in: deploy as static files to Netlify, Vercel, GitHub Pages, or any server, or adapt the code into React, Vue, Astro, or WordPress projects.

Can I customise the animations in a template?

Yes. Templates are built from individual GSAP Vault effects, each initialised in its own well-commented module. You can retime, restyle, swap, or remove any animation, and the code is written to be LLM-friendly so AI assistants can help you customise it.

Are the templates responsive and accessible?

Yes. Every template includes mobile-first responsive layouts, keyboard navigation, and prefers-reduced-motion fallbacks that render a complete static page for users who opt out of animation.

More templates are on the way. The Vault covers every one of them the day it lands, or browse the individual effects they're built from.

Your cart

Your cart is empty

The Vault £99

Everything in the catalogue, plus everything we release next.

Or browse effects, templates or UI elements.