Animated website templates, ready to try.

Sandglass Pricing Toggle

Monthly and annual prices flow like sand through an hourglass when toggled

Schema Migration Timeline

A horizontal timeline where each migration step assembles into a 3D schema diagram on scroll

Scroll Path Text

Typography that flows along an SVG path and reveals letter-by-letter as the user scrolls.

Storytelling

Scroll-Synced Gradient Border

A container border that paints a moving gradient along its edges in perfect sync with scroll progress

SDF Iris Page Transition

Signed-distance-field iris wipes between routes with chromatic aberration and configurable aperture blades

3D / WebGL

Shakeable Snow Globe Hero

Shake a glass snow globe with your cursor and watch thousands of flakes swirl and settle

3D / WebGL

Shared-Layout Pill Pricing

Learner, Team and School plans with a pill that glides between audiences and cards that reflow

Education

Shutter Page Transition

Vertical shutter blades sweep open and closed with a subtle perspective tilt, like a camera iris

Portfolio

Signal Particle Hero

A live particle field visualizes data streams that react to cursor and scroll

Silver Gelatin Gallery Section

Analog film development simulation transitions between photographs

Portfolio

Real Estate & Architecture

Site Sun Path Analyzer

Drag the date slider to watch shadows crawl across a building massing model all year

Sizzle Micro-Motion Bento

A sunny restaurant bento where every tile has a tiny CSS kitchen animation

Food & Hospitality

Skeleton Shimmer Preloader

Animated skeleton placeholders with a sweeping shimmer wave

Skew Drag Carousel

A lookbook rail you fling with inertia, where slides skew and stretch with drag speed

Fashion & Luxury

Sliding Panel Pricing Toggle

Monthly/annual toggle slides panels like a precision instrument

Sliding Scale Pricing

A dual-range slider that morphs three pricing cards in real time with FLIP animations

Sliding Segmented Control

A segmented control whose pill indicator glides and stretches between options

Animated backgroundPro

Slow-Motion Embers and Flares

Glowing embers drift upward in slow motion through smoke, catching anamorphic lens flares

Fashion & Luxury

Sneaker Laces Unthread to Pattern

The laces pull out of a 3D sneaker and the upper unfolds into its flat sewing pattern

Ecommerce

Solar Flare Hero

A living star surface with magnetic loops that erupt on scroll, revealing the product promise

Sonora Voice Playground

A light, tactile section where a floating orb visualizes live speech-to-intent

Spectral Trail Cursor

A cursor that leaves a short-lived, color-shifting aurora trail, fading with a spring physics tail

Spending Prism Hero

A glass prism splits a single beam into categorized spending rays that react to live transactions

Animated backgroundPro

Spinning Vinyl Grooves

A macro close-up of a spinning record: fine grooves, anisotropic light wedges and dust

Music & Events

Spiral Galaxy Page Transition

A living galaxy of particles swarms into a spiral, then disperses to reveal the next route

3D / WebGL

Animated backgroundPro

Spotlight Dot Matrix Reveal

A dark dot matrix hides a giant word that the cursor's spotlight reveals as glowing dots

Agency

Spring Command Palette

A ⌘K palette that springs open, filters with a gliding highlight and previews actions inline

Squash-and-Stretch Toggle

A jelly toggle whose knob stretches as it travels and wobbles when it lands

Health & Wellness

Stagger Roll Nav Links

Nav links roll their letters upward on hover, revealing an italic duplicate beneath

Agency

Staking Constellation Hero

A WebGL star field where each staked token becomes a luminous node in a living constellation

Web3

Real Estate & Architecture

Strata Geological Footer

A footer that reveals like sedimentary rock layers, scroll down to erode the surface and expose contact strata

Studio Monitor Waterfall Spectrogram

A 3D waterfall spectrogram rolls toward you as a studio monitor plays a mix

Storytelling

Subscription Box Unboxing

A snack subscription box lifts its lid and each item arcs out to land in a tidy product grid

Ecommerce

Animated backgroundFree

Sunrise Light Leak Loop

Warm film light leaks sweep over a soft sunrise gradient with grain, in CSS only

Health & Wellness

Surge Pricing Bars

An animated pricing toggle where bars grow and morph between plans

Ecommerce