Free GSAP animations and templates

Online CV

A one-page online CV website: the A4 CV itself on an ultramarine desk, with a switch between a one-page and a full two-page CV, PDF download, print and email. Fills from your LinkedIn data export. Suits teachers, nurses, engineers, solicitors and graduates.

One page, 5 palettes

Waitlist Page Template

A one-screen pre-launch waitlist page built round one product photograph: visitors drag the radio's tuning knob, static gives way to stations that tune in the price, materials and batch, and launch day holds the email sign-up. Worked example: a pocket radio from a Glasgow workshop.

One page

Spotlight Background

A theatrical GSAP and WebGL spotlight background: two stage follow-spots in a hazed room sweep in from the wings, cross over your headline and land on it, then trail the cursor like spots worked by an operator.

Tailwind Component Remixer

Generate fresh Tailwind component recipes with procedural SVG artwork, coordinated colour palettes and animated GSAP layout transitions.

FAQ Accordion

An accessible FAQ accordion: answers open to their natural height, a plus morphs into a minus, with expand all and #deep links.

Animated Tabs

Animated tabs: the indicator slides and stretches between tabs, panels change directionally and the container eases between heights.

Announcement Bar

An announcement bar for sites: pushes the page down instead of covering it, rotates messages with a masked swap and collapses on dismiss.

Fullscreen Hamburger Menu

A fullscreen hamburger menu: the burger icon morphs into an X while the overlay wipes in and the links stagger up, with focus trapping.

Collapsible Sidebar Menu

A collapsible sidebar menu for docs and admin apps: sections open on a measured height tween and an indicator slides to the current link.

iOS Toggle Switch

An iOS-style toggle switch on a native checkbox: tap or drag the knob, it snaps to the nearer side and the track colour cross-fades.

Progress Stepper

A progress stepper for checkouts and onboarding: the track fills to the active step and completed steps flip into a drawn checkmark.

Skeleton Loader

A skeleton loader: shimmering placeholders crossfade into real content with a stagger, and each card's height eases to what it loaded.

Copy to Clipboard Button

A copy to clipboard button: the clipboard icon morphs into a drawn check, a Copied label floats up and the copied value flashes.

Scrollspy Table of Contents

A scrollspy table of contents for long pages: a marker slides to the section in view and a progress line tracks reading.

Star Rating

A star rating input on native radios: hover sweeps the fill to the pointer, a click locks it in with a spring pop and a label.

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.

One page

Scroll Text Highlight

A scrubbed orange-to-lime reading front lifts each active word before completed copy settles to white and unread copy remains ghosted.

Charity Campaign Template

A free one-page appeal template where visitors give by packing a crate: drag tins, pasta and nappies off a shelf, watch the total rewrite what the gift does, and carry it into the donation form. Worked as a Sheffield food bank's winter appeal.

One page

Link in Bio Template

A free link-in-bio page, links first: a giant wordmark on one loud colour, a small pile of photo prints for the three latest things (flick one away to see the next, tap to open) and the full list of links on the first screen. Mariam Odede, a potter in Margate, is the worked example; it suits musicians, podcasters, small shops and writers just as well.

One page

Astronomy Template

Six-page planetarium and science centre website template on a cream engineering-drawing grid: titles set up the side of framed photos with numbered callouts, a tuning-band nav, a radio dish you slew across tonight's sky, spec sheets, filters and a real map.

6 pages

Sticker Link in Bio

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.

One page

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.

One page, 5 palettes

Typewriter Text

A typewriter that types a line character by character, holds it, accelerates through deletion, and cycles to the next phrase, with optional cursor, status and progress hooks.

Parallax Hero

A pinned hero that pulls its layers into depth from one scrubbed ScrollTrigger: a headline sandwiched inside the stack, ridges or photographs climbing over it, and a sun that sets behind the far layer.

Image Clip Reveal

A cinematic image reveal where a directional polygon aperture opens as the photograph settles from a restrained Ken Burns scale and its caption lands.

Hover Underline

Four material link underlines (an exit-through line, marker sweep, hand-drawn wave, and an endlessly travelling wave) with coordinated type and active-index responses.

Scroll Progress Indicator

A precise GSAP reading-progress indicator in four shapes: a top bar, an SVG ring, a side rail, and a numeric percentage.

CSS Scroll Reveal

Native CSS scroll-driven reveals for crisp fade, slide, and scale entrances with accessible static fallbacks and no animation JavaScript.

3D Card Flip Gallery

Tactile GSAP 3D cards with deep perspective, reactive edge lighting and shifting shadows. Flip on hover, keyboard focus or tap, with grouped auto-close.