Animated website templates, ready to try.

Morphing Icon Button

An icon button that fluidly morphs between states with spring physics

Agency

Morphing Menu Icons Set

Six line icons that morph between states: menu to close, play to pause, plus to minus and more

Morphing Path Text

Headline text flows along an SVG path that seamlessly morphs between shapes on scroll

Editorial

Morphing Shape Divider

A decorative divider that fluidly morphs between wave, peak, and zigzag shapes as you scroll

Editorial

Morphing Toggle

A toggle that morphs its track and thumb shape between states with a satisfying spring

Health & Wellness

Morphing Type Hero

A sculptural 3D text headline that fluidly morphs and transforms with scroll progress

Real Estate & Architecture

Mortgage Affordability Bars

Slide your income and watch amortization bars redraw into a home you can afford

Mosaic Testimonial Wall

Testimonials arrange in a responsive mosaic that reflows with a spring layout on filter change

Editorial

Nebula Particle Hero

A deep-space particle field that coalesces into the product logo on scroll

Animated backgroundPro

Nebula Wormhole Passage

An endless tube of swirling nebula clouds and light rings pulls the reader through each chapter

Storytelling

Neon Tube Text

Hand-bent glass tubes flicker to life, spelling out headlines with authentic neon glow and physics-based buzz

Network Pulse Navbar

A Web3 navbar with a live block ticker, gradient-orbit border and command-bar search

Web3

Neural Pulse Hero

A living neural network pulses in sync with scroll, revealing a headline through a synaptic wave

Next Warm Batch Countdown

A bakery countdown to the next tray out of the oven, with a glowing oven door and a notify list

Food & Hospitality

Night Mode Pinned Split Scrub

A dark street photo brightens under a sweeping divider as scroll drives the exposure

Storytelling

On-Chain Name Morph

Type a name and it morphs from a cryptic wallet address into an elegant identity sigil

Web3

Optical Size Parallax Type

Headlines recede into the distance as you scroll, driven by variable font optical size and weight axes

Orbit Pricing Toggle

Pricing tiers orbit a central sun; toggling plan changes orbit radius and speed

Fintech

Orbital Cursor Ring

A cursor surrounded by responsive rings that breathe with velocity, leaving a fading orbital trail

Orbital Testimonial Carousel

Six testimonial cards orbit a central quote in 3D space, auto-rotating and scroll-driven

Agency

Orbital Tier Pricing

Three planetary tiers orbit a central star; selecting a tier pulls it into focus with a gravitational UI shift

Fintech

Orbiting Halo Cursor

Three luminous rings orbit the pointer, reacting to velocity and snapping to interactive targets

Orbitly Command Palette Playground

A fully interactive command palette with fuzzy search, keyboard nav, and animated results

Origami Crane Folding Hero

A square of paper folds itself crease by crease into a crane that flaps away

3D / WebGL

Origami Feature Bento

Feature cards fold like origami on hover, unfolding to reveal details

Agency

Paperfold FAQ Accordion

Each FAQ answer unfolds like a paper fold with 3D CSS transforms

Education

Parallax Depth Photo Essay Section

Layered images separate on scroll with a WebGL lens‑blur depth pass

Real Estate & Architecture

Parallax Tiles and Map Pin Bento

A property bento with parallax photo tiles, a map where pins drop in, and a mortgage mini-calc

Particle Assembly Preloader

Particles spring into a logo shape, then disperse as the site loads

Particle Diff Hero

A flowing code stream splits into added and removed particles that resolve into a clean diff view

Particle Initial Hero

A hero section for a 3D artist where a particle cloud forms the artist's initial and explodes into a showreel

Particle Swarm Hero

A cloud of 12,000 particles resolves into the product name on scroll, then disperses on cursor proximity

Payment Flow Sankey Section

An animated Sankey diagram shows money moving between accounts, merchants, and networks in real time

Fintech

Real Estate & Architecture

Perspective Floor Hero

A 3D perspective grid floor that rises and reveals content as you scroll

Animated backgroundFree

Pixel Doom Fire

The classic heat-propagation pixel fire algorithm burning along the bottom of the page

Gaming & Entertainment