AI builders · Opens from a button

Animated website templates for Bolt

AnimatedWebs gives you animated website templates with a live demo and a full build prompt, and the Bolt button on each template page copies the prompt and opens bolt.new with it. Paste the prompt into the chatbox if it is not already there, click Build now, and edit the result in Bolt's preview and code view.

How it opens
A button on the template page, with the prompt also on your clipboard
Free plan
1 million tokens a month with a 300K daily cap, per Bolt
Account
Sign in with Google, GitHub or email, no credit card to start

How a template gets into Bolt

  1. 1

    Play the demo and check its weight

    Play the live demo on the template page. Each card shows the demo's page weight in KB. Bolt says larger projects use more tokens per message, so a lighter demo is an easier first build, although page weight is only a rough guide.

  2. 2

    Sign in and click Bolt

    Click Bolt in the Or open it in row. A free template needs only a free AnimatedWebs account. A Pro template needs Pro or Lifetime, or it spends one Prompt Pack credit on the first click, and the button sends you to pricing when neither applies.

  3. 3

    Let AnimatedWebs open Bolt

    The button copies the full build prompt, then opens bolt.new in a new tab with the prompt in the link. If the link would be longer than 7,000 characters, it opens Bolt with one short line asking it to build the prompt you are about to paste, and the button reads Copied, paste in Bolt for eight seconds.

  4. 4

    Click Build now

    Bolt's quickstart says to paste the prompt into the chatbox and click Build now. If the chatbox already holds the prompt, click Build now. If it holds the short line or nothing, paste the full prompt first. Bolt signs you in with Google, GitHub or email, and the quickstart says no credit card is required.

  5. 5

    Check the result and publish

    Test the result in Bolt's Preview window and compare it with the live demo. To publish, click Publish at the top right, then the second Publish button. Bolt says deployment takes about a minute and gives you a link. Bolt can also sync a project to GitHub.

Live demos to send to Bolt

The lightest live demos come first, because Bolt counts tokens and says larger projects use more tokens per message. Free templates are marked Free.

For 257 of the 366 live-demo websites that list Bolt, the whole prompt fits in the link. The other 109 open Bolt with the short line, and the full prompt waits on your clipboard.

1,568 of 1,576 templates list Bolt under Tested with

Iridescent Voice Orb, animated website template live preview
Live WebGL19 KBWebsite templateFree

Iridescent Voice Orb

Voice-AI landing page built around a living gradient orb

AI / SaaS
Veilwick Candle Atelier, animated website template live preview
Live WebGL87 KBWebsite templatePro

Veilwick Candle Atelier

One real flame lights the whole page

Ecommerce
Hatchlight Night Truck That Lights Up on Scroll, animated website template live preview
Live canvas72 KBWebsite templatePro

Hatchlight Night Truck That Lights Up on Scroll

A night street where the hatch lights up, steam rises and the truck turns into today's map pin

Food & Hospitality
Rheotype Liquid Type Foundry, animated website template live preview
Live WebGL81 KBWebsite templatePro

Rheotype Liquid Type Foundry

Warm liquid chrome letters with your cursor until they swell, sag and drip, then watch them pour back

Editorial
Haywire HW-16 Playable Drum Machine Launch, animated website template live preview
Live WebGL59 KBWebsite templateNewPro

Haywire HW-16 Playable Drum Machine Launch

A 3D drum machine you can actually play: tap its pads, press play and the whole page moves to your beat

Music & Events
Domewright Dome of Living Screens, animated website template live preview
Live WebGL19 KBWebsite templatePro

Domewright Dome of Living Screens

A dome of a thousand glowing screens shifts color as the camera walks in under one huge spaced word

Agency
Synthwave Terrain Racer, animated website template live preview
Live WebGL44 KBWebsite templateFree

Synthwave Terrain Racer

An endless neon wireframe landscape rushes toward a striped sunset for a retro racing game

Gaming & Entertainment
Thinair Particle Sky Journey, animated website template live preview
Live WebGL24 KBWebsite templatePro

Thinair Particle Sky Journey

Particles become a blue galaxy, rising embers, purple wind and a green vortex you fall into as you scroll

3D / WebGL
Lodgepole Live Contour Map Climate Fund, animated website template live preview
Live canvas21 KBWebsite templatePro

Lodgepole Live Contour Map Climate Fund

A live topographic map whose contour lines drift and rise into a hill under your cursor, on map paper

Fintech
Hearthmote Floating House That Lights Up, animated website template live preview
Live WebGL16 KBWebsite templatePro

Hearthmote Floating House That Lights Up

A tiny floating house turns on sage green and lights its windows room by room as you scroll

Health & Wellness
Helix Biotech Particle Scene, animated website template live preview
Live WebGL23 KBWebsite templatePro

Helix Biotech Particle Scene

A biotech site: a living particle DNA helix that unravels into a cell, a pulse and a word as you scroll

3D / WebGL
Brunelle Wine Bottle Through Giant Grape Type, animated website template live preview
Live WebGL26 KBWebsite templatePro

Brunelle Wine Bottle Through Giant Grape Type

A 3D wine bottle tilts across cream paper under a huge rough grape name, then lines up with every format

Food & Hospitality

Tips for Bolt

  • Bolt's free plan has 1 million tokens a month and a 300K daily cap. A smaller project uses fewer tokens per message, so start with one of the lighter demos in the grid.
  • If you hit the daily cap, you can still edit your code in Code view at no token cost.
  • Bolt's help center advises focused prompts and building in steps. An AnimatedWebs prompt is long and detailed, so if Bolt stalls, build the hero first and add the other sections in later messages.
  • Bolt's Enhance prompt option, the plus icon at the bottom left of the chatbox, turns a rough idea into a recommended prompt you can edit.

Limits to know

  • Bolt's help center does not describe a prompt link. The AnimatedWebs button uses the prompt parameter on bolt.new, so treat the link as a convenience and your clipboard as the sure path.
  • A link longer than 7,000 characters is replaced by a short line, so for a long prompt the paste step is not optional.
  • Free plan tokens do not roll over, and the daily cap resets every day.
  • Photos and video in the live demos come from licensed stock and generators and are licensed to AnimatedWebs for display in the demos only, so replace them with media you own or license before you publish.

Questions about Bolt

How do I use an AnimatedWebs template in Bolt?+

Open a template page, play the live demo, sign in, and click Bolt in the Or open it in row. AnimatedWebs copies the build prompt and opens bolt.new with it. Paste the prompt into the chatbox if it is not already there, then click Build now.

How many tokens does Bolt's free plan include?+

Bolt says the free plan has 1 million tokens a month, resetting on the 1st, and a daily cap of 300K that resets every day. Free plan tokens do not roll over. If you reach the daily limit you can still edit code in Code view at no token cost.

What if Bolt opens with an empty chatbox or a short message?+

AnimatedWebs copies the prompt to your clipboard before it opens Bolt. When the whole link would run past 7,000 characters, Bolt opens with one short line instead of the prompt. Paste the full prompt into the chatbox before you click Build now.

Can I publish or export what Bolt builds?+

Bolt publishes from the Publish button at the top right and can sync a project to GitHub. Free templates allow personal and commercial sites, and Pro templates allow commercial and client work, as long as you do not resell the prompt.

Why does a long prompt sometimes stall in Bolt?+

Bolt's help center advises keeping each prompt focused and building in steps, and says larger projects use more tokens per message. Build the hero first, check it, then ask for the next section.

Facts checked on

What this page says about Bolt comes from its official documentation, linked below, and Bolt can change its product, so check its docs for the latest. What it says about AnimatedWebs comes from how our own site works.

  • Paste your prompt into the chatbox and click Build now. Sign in with Google, GitHub or email, no credit card is required, and you can test the result in the Preview window. Bolt help center: QuickStart guide ↗
  • To publish, click Publish at the top right, then the second Publish button. Deployment takes about a minute. Bolt help center: QuickStart guide ↗
  • The free plan has 1 million tokens a month and a daily cap of 300K. Free plan tokens do not roll over, and after the daily limit you can still edit existing code in Code view at no token cost. Larger projects use more tokens per message. Bolt help center: Tokens ↗
  • Keep each prompt focused and build in steps. The Enhance prompt option, under the plus icon at the bottom left of the chatbox, turns a rough idea into a recommended prompt you can edit. Bolt help center: Write better prompts ↗
  • Bolt can sync to GitHub. Bolt help center: Version control ↗
  • The help center index describes no prompt link parameter, so the prompt parameter AnimatedWebs uses is not covered there. Bolt help center index ↗

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

Pick a look, then hand it to Bolt

Play the live demos, open the one you like, and start with a free template or unlock the whole library.

We use essential cookies to keep you signed in, a referral cookie only if you arrive through a partner link, and cookie-free analytics. No ads, no tracking. Cookie Policy