Animated Webs · new cinematic templates every week

Websites that
move people.

For developers and studios building with AI. Play a live demo, then take its complete build prompt into Lovable, v0 or Bolt in one click, or let Claude Code and Cursor build it right in your project with our official plugin.

Browse templatesGo Pro

live demos you can play: 473; live demos you can play
build prompts: 1,620; build prompts
inside Claude & Cursor: MCP; inside Claude & Cursor

What are you building?

Describe it. We search 1,620 animated templates and the full AnimatedWebs UI library at once.

Building with Claude, Cursor or Codex? Connect the AnimatedWebs MCP and your agent searches all of this for you.

Find a template for your business

Restaurant Dental Clinic Hair Salon Hotel Gym Law Firm Real Estate Agency Florist Jewelry Photographer Wedding Venue Nonprofit All industries →

New drop · The Cinematic Collection

First impressions, directed.

Websites that open with a film, not a stock photo. Pick the look that fits your brand, make it yours and publish.

Get the collection

Travel

Bathyal Expeditions Deep-Sea Dive

View live →

Ecommerce

Biscuit & Co. Dog Treat Shop Where the Pup Watches You

View live →

Fashion & Luxury

Redline Ember Fashion Drop

View live →

Agency

ClayCanvas Studio Template

View live →

Fashion & Luxury

Velvet Horizon Santa Fe

View live →

Real Estate & Architecture

Starlight Autos Scottsdale

View live →

Featured · this week's cinematic drops

Scroll-driven films, not slideshows.

All templates →

Education

Clearpath Credit Report Lessons with a Living Workbook

Play live demo Get the prompt

Gaming & Entertainment

Mindclash Live AI Debate Arena with Clashing Energy Orbs

Play live demo Get the prompt

Gaming & Entertainment

Velvet City Roleplay Community with a Floating Gold Crest

Play live demo Get the prompt

AI / SaaS

Juniper AI Community Sidekick with a Living Neural Sky

Play live demo Get the prompt

Editorial

Ledger and Lantern AI Journal with a Living Window Film

Play live demo Get the prompt

Works where you already build

Works with the AI builder you already use.

Lovable

One click, opens with the prompt filled in

Bolt

One click, opens with the prompt filled in

Claude

Copy the prompt, or search templates through our MCP

Cursor

Copy the prompt, or connect the MCP server

ChatGPT

Copy the prompt into any chat

Lovable, v0, Bolt, Claude, Cursor and ChatGPT are trademarks of their owners. AnimatedWebs is independent and not affiliated with them.

Beyond templates. Build anything.

tools.animatedwebs.com

AnimatedWebs UI

Interactive Three.js components and shaders with live renderers and controls. Browse and preview free; full source code comes with Pro.

Browse the library →

design.animatedwebs.com

AnimatedWebs Design

Brief in, design out: prototypes, decks, dashboards and motion graphics, exported to HTML, PDF, PPTX and MP4.

Explore the studio →

Live templates · play every one

Pick a site. Ship it today.

All 1,620 templates →

Video hero28.2 MBWebsite templateNewPro

Bathyal Expeditions Deep-Sea Dive

Scroll from the sunlit swell down to the seafloor at 3,300 feet, then tap the dark to ping what lives there

Travel

Video hero8.2 MBWebsite templateNewPro

Biscuit & Co. Dog Treat Shop Where the Pup Watches You

A felt pup on an oxblood stage turns his head toward your cursor and catches every treat you toss

Ecommerce

Live WebGL944 KBWebsite templateNewPro

Redline Ember Fashion Drop

Cinematic streetwear releases forged in Downtown Los Angeles fire.

Fashion & Luxury

Video + WebGL861 KBWebsite templateNewPro

ClayCanvas Studio Template

Feel the soft clay and knit textures of Portland in motion

Agency

Video + WebGL1.2 MBWebsite templateNewPro

Velvet Horizon Santa Fe

A cinematic journey through desert light and uncompromising luxury linen.

Fashion & Luxury

Video + WebGL3.2 MBWebsite templateNewPro

Starlight Autos Scottsdale

A timeless classic emerges from silk, revealing the art of restoration and unrivaled luxury.

Real Estate & Architecture

Live motion438 KBWebsite templateNewPro

Clearpath Credit Report Lessons with a Living Workbook

Gold sparkles pop over the headline while a beam circles a workbook card that teaches itself step by step

Education

Live WebGL79 KBWebsite templateNewPro

Mindclash Live AI Debate Arena with Clashing Energy Orbs

Two living energy orbs square off across a crackling arc of light while the room votes on who argued better

Gaming & Entertainment

Video + WebGL2.7 MBWebsite templateNewPro

Velvet City Roleplay Community with a Floating Gold Crest

A minted gold coin tilts toward your cursor above a drifting city film and glowing shader chapters

Gaming & Entertainment

Live WebGL1.9 MBWebsite templateNewPro

Juniper AI Community Sidekick with a Living Neural Sky

A star field reshapes as you scroll while a live community chat plays beside a breathing neural sphere

AI / SaaS

Live motion409 KBWebsite templateNewPro

Ledger and Lantern AI Journal with a Living Window Film

A child at an open window watches a ringed planet drift by, a journal that makes AI research feel wondrous

Editorial

Live WebGL886 KBWebsite templateNewPro

Tracewell PC Setup Bench with a Live 3D Motherboard Scan

A glowing circuit board hums behind a 3D motherboard that gets scanned, traced and tuned as you watch

3D / WebGL

Live WebGL1.5 MBWebsite templateNewPro

Courtline Type Ring Sneaker Drop

Spin one sneaker inside a ring of giant words, snap your size to the front and enter the Friday draw

Ecommerce

Video hero1.9 MBWebsite templateNewPro

Sundae Social. Drag a Flavor Onto the Cone

A real soft serve cone tilts toward your cursor, then swirls in whatever flavor you drop on it

Food & Hospitality

Video hero780 KBWebsite templateNewPro

Maison Verity Drag to Decant Perfume House

Peel each note off a frosted stack and watch the crystal flacon pour, then choose your size and wear the truth

Ecommerce

Video hero38.6 MBWebsite templateNewPro

Marlowe Watercraft. Your Scroll Is the Throttle

A jet ski crosses a sunset ocean as fast as you scroll, then coasts to a stop when you let go

Travel

Video hero33.1 MBWebsite templatePro

Aldermere. A Private Miami Brokerage Seen From Its Elevator

Brass doors part and a sideways elevator ride climbs from a chandelier lobby to a sunset sky terrace

Real Estate & Architecture

Video hero13.0 MBWebsite templatePro

Tellerhall. A Steakhouse Booked With a Bank Vault Dial

Spin a brass vault dial, pick a glowing table and the candlelit room cuts to your seat

Food & Hospitality

Video hero24.7 MBWebsite templatePro

Nora Whitlock. A Designer Portfolio Drawn in Pencil

Pencil sketches ink themselves into finished app screens while a ferry carries her career across the bay

Portfolio

Video hero12.7 MBWebsite templatePro

Wirelight. An AI Tools Review Desk Lit Like a Night Newsroom

Re-rank ten tools with one tap and watch the studio monitor cut to each one live

Portfolio

Video hero16.1 MBWebsite templatePro

Fogwire Summit. A Conference Site Run Like a Live Show

A downtown dome rises through the letters, then your scroll calls every cue to the after party

Music & Events

Video hero16.8 MBWebsite templatePro

Night Proof. A Magazine That Prints as You Scroll

Pull four ink plates into register, run the press with your scroll, then flip through a year of covers

Editorial

Live WebGL953 KBWebsite templatePro

Halsey Crane Glass Lantern Architecture Studio

A glass lantern splits the light, then shatters and every shard lands as a frame

Motion Graphics

Live WebGL936 KBWebsite templatePro

Pondpop Kids Learning App. The Plush Host Who Jumps

A felt pink axolotl waves in front of a giant bouncing wordmark, then leaps along to every section

Motion Graphics

Live WebGL64 KBWebsite templatePro

Quarrow AI Data Cloud Particle Mark

A logo of sixty thousand lights parts under your cursor and rebuilds into each product as you scroll

Motion Graphics

Video hero31.2 MBWebsite templatePro

Doorlight Property Co. A Home Opens Like a Movie

A slit of golden light opens into Austin at dawn, then your scroll walks the keys from the curb to the pool

Real Estate & Architecture

Video + WebGL23.9 MBWebsite templatePro

Hearthfern Counseling. Therapy Like a Quiet Film

Rain on the window, a line written into the fogged glass, then a room that is warm and waiting

Health & Wellness

Video hero25.1 MBWebsite templatePro

Ashby Kell. A Consulting Firm That Opens Like a Film at Dawn

Watch the name written on glass and wiped clean, then scroll a New York dawn into the boardroom

Agency

Video hero14.5 MBWebsite templatePro

Taillight Studio. An Agency Site Shot on the Night Shift

A shutter opens on LA's freeways, your scroll drags the lights into trails, and the night ends at dawn

Agency

Live WebGL879 KBWebsite templatePro

Brindle P4 Drivable Robot Dog Simulator

Drive a four-legged inspection robot live: switch its gait, send it up a ramp, cut open its battery

Robotic Technology

Live WebGL879 KBWebsite templatePro

Kittredge K35 Excavator Dig Simulator

Dig one bucket of soil and watch every cylinder's pressure climb as the arm pulls through the cut

3D Simulators

Video hero30.4 MBWebsite templatePro

Saltwell House. A Charleston Hotel You Scroll Through

Step through an arched invitation, then scrub one evening at the house from sunset to the lit pool

Travel

Explore the full library →

01Browse

Pick a motiondesign.

Particle cores, liquid chrome, pinned product stories, kinetic type. Every template is a live preview, hover the cards, click one to open it.

02Copy

The promptis the product.

Layout, type scale, easing curves, GLSL, performance budgets and reduced-motion fallbacks, the detail layer AI builders never guess on their own.

03MCP

Let your agentshop the vault.

Connect once. Ask Claude Code or Cursor for “a WebGL particle hero”, it searches the catalog, fetches the full prompt and builds it in your repo.

claude mcp add --transport http animatedwebs \
  https://mcp.animatedwebs.com

# first use opens your browser to sign in

04Ship

Ship somethingthat moves.

Start free, go Pro for every drop, the MCP server and a commercial license for client work.

See pricingTry a free prompt

One license. Every drop.

Start free with 365 templates. Go Pro from $19/month for the whole library, weekly drops and MCP access for your coding assistant.

See pricing

Before you start

Questions, answered.

Do I need to know how to code?+

No coding is needed to start. Each template comes with a complete build prompt written for AI website builders and coding assistants, so you ask for changes in plain words.

Can I use a template for a client?+

Yes. Pro, Lifetime and the Prompt Pack include a commercial license for client work, and free templates can be used for commercial sites with a free account. Reselling the raw templates or prompts is not allowed.

What is the difference between free and paid?+

Free templates cost nothing: copy as many as you like with a free account. A pack of 10 Pro templates is $29 once, Pro unlocks every template for $19/month or $149/year, and Lifetime is $199 once while founding spots last.

Will the animation slow my site down?+

Each live demo shows its page weight, and the build prompts set a performance bar: motion that respects visitors who prefer reduced motion, loops that pause when off-screen, and a still fallback where WebGL is unavailable.

Can I try a template before I pay?+

Yes. Every live demo is playable before you buy, and a free account does not ask for a card.

Is there a template for my kind of business?+

158 kinds of business have their own page of templates, from dental clinics to restaurants. Find yours on the industries page, or search the whole library.

Can I cancel?+

Yes. Pro can be cancelled any time from your dashboard, and you keep access until the end of the billing period. The pack and Lifetime are one-time payments with no renewals to cancel.

Creator Program · Affiliates

Build with us. Earn with us.

For developers

Sell your motion templates.

Host your own templates, free or paid, and keep 50% of every sale. Get verified, earn badges and a medal-badge credential (Associate, Professional or Expert), with your own page at animatedwebs.com/yourname.

Founding Creator

Certified Associate

Certified Professional

WebGL Specialist

Certified Expert

Apply to the Creator Program →

For everyone

Earn 30% as an affiliate.

Share your link. Every plan bought through it pays you 30% of the first payment, with a 90-day cookie and monthly payouts.

30%

commission

day cookie

$50

min payout

Get your affiliate link →

About AnimatedWebs

Websites that feel alive.

Cinematic video heroes, live WebGL and scroll-driven films for the AI tools you already use. Built by AnimatedWebs and a growing community of certified motion developers.

About us →All contact options

Talk to us, we reply within one business day

Websites thatmove people.

What are you building?

First impressions, directed.

Scroll-driven films, not slideshows.

Clearpath Credit Report Lessons with a Living Workbook

Mindclash Live AI Debate Arena with Clashing Energy Orbs

Velvet City Roleplay Community with a Floating Gold Crest

Juniper AI Community Sidekick with a Living Neural Sky

Ledger and Lantern AI Journal with a Living Window Film

Works with the AI builder you already use.

Beyond templates. Build anything.

Pick a site. Ship it today.

Bathyal Expeditions Deep-Sea Dive

Biscuit & Co. Dog Treat Shop Where the Pup Watches You

Redline Ember Fashion Drop

ClayCanvas Studio Template

Velvet Horizon Santa Fe

Starlight Autos Scottsdale

Clearpath Credit Report Lessons with a Living Workbook

Mindclash Live AI Debate Arena with Clashing Energy Orbs

Velvet City Roleplay Community with a Floating Gold Crest

Juniper AI Community Sidekick with a Living Neural Sky

Ledger and Lantern AI Journal with a Living Window Film

Tracewell PC Setup Bench with a Live 3D Motherboard Scan

Courtline Type Ring Sneaker Drop

Sundae Social. Drag a Flavor Onto the Cone

Maison Verity Drag to Decant Perfume House

Marlowe Watercraft. Your Scroll Is the Throttle

Aldermere. A Private Miami Brokerage Seen From Its Elevator

Tellerhall. A Steakhouse Booked With a Bank Vault Dial

Nora Whitlock. A Designer Portfolio Drawn in Pencil

Wirelight. An AI Tools Review Desk Lit Like a Night Newsroom

Fogwire Summit. A Conference Site Run Like a Live Show

Night Proof. A Magazine That Prints as You Scroll

Halsey Crane Glass Lantern Architecture Studio

Pondpop Kids Learning App. The Plush Host Who Jumps

Quarrow AI Data Cloud Particle Mark

Doorlight Property Co. A Home Opens Like a Movie

Hearthfern Counseling. Therapy Like a Quiet Film

Ashby Kell. A Consulting Firm That Opens Like a Film at Dawn

Taillight Studio. An Agency Site Shot on the Night Shift

Brindle P4 Drivable Robot Dog Simulator

Kittredge K35 Excavator Dig Simulator

Saltwell House. A Charleston Hotel You Scroll Through

Pick a motionPick a motiondesign.design.

The promptThe promptis the product.is the product.

Let your agentLet your agentshop the vault.shop the vault.

Ship somethingShip somethingthat moves.that moves.

One license. Every drop.

Questions, answered.

Build with us. Earn with us.

Websites that feel alive.

Websites that
move people.

Pick a motiondesign.

The promptis the product.

Let your agentshop the vault.

Ship somethingthat moves.