How it works

From a preview you like to a live section on your site

Pick an animated section, grab its prompt and paste it into the AI builder you already use. No design file, no code required.

Four steps

01

Find a section you like

Browse free animated sections by category: 3D, AI, SaaS, portfolio and more. Hover any card to watch the finished result before you build anything.

02

Get the prompt

Click Get free prompt. It opens on MotionSites, where free prompts copy in one click. Premium prompts, templates and backgrounds are part of their paid plans.

MotionSites prompt library
03

Paste it into your builder

Paste the prompt into Lovable, Bolt, Cursor or Claude. Add your product name, brand colors and fonts first, and the tool rewrites the section for you.

Lovable: build apps and websites by chatting with AI
04

Put it online

Lovable and Bolt can publish for you. For your own domain, email and several sites in one place, use regular hosting. Our publishing guide walks you through it.

Hostinger web hosting

Works with the tools you use

Lovable logo

Lovable

Best for a quick landing page. Paste the prompt, get a working React site you can publish.

Bolt logo

Bolt

Good for prototypes and small apps. Fast previews right in the browser.

Cursor logo

Cursor

For an existing codebase. Paste the prompt into the chat and it edits your project.

Claude logo

Claude

Great for one section at a time. Ask for a single HTML file or a React component.

Not sure which one? Read Framer vs Webflow vs Lovable or the best AI website builders.

Get better results

Aa #863AFF#FF75D4

Brand first

Start the prompt with one line about your product, audience, colors and fonts.

HeroFeaturesPricingReviewFix copyNext section

One section at a time

Build the hero, check it, then add the next section. Big prompts drift.

ease-out · 600ms 01s

Keep the motion, change the words

Ask the tool to rewrite all placeholder copy but keep timings and easing.

LCP 1.8s 375 × 812 3D: lighter

Test on a phone

Open the result on a real phone. Heavy 3D and video need a lighter mobile version.

Free prompts or the full library?

Free

Free prompts

  • Animated hero sections and pages
  • Copy and paste into any AI builder
  • OK for personal and client work
Browse free prompts
MotionSites prompt library

MotionSites Unlimited

The full library

  • 500+ prompts, new ones every day
  • 40+ Lovable templates and animated backgrounds
  • MCP server for Claude and Cursor
  • From $129 for 3 months, $279 a year or $399 lifetime
See plans

Prices as of October 2026.

What people build

Questions

Are the prompts really free?

Yes. Every card marked Free opens a prompt you can copy on MotionSites at no cost. Some sections need a free MotionSites account.

Why do prompts open on MotionSites?

The prompts are theirs. We show previews and send you to the original, so you always get the latest version from the author.

Do I need to code?

No. Lovable, Bolt and Claude build the section from the prompt. Cursor suits you if you already work with code.

Which tool should I paste the prompt into?

Lovable for a quick landing page, Cursor for an existing codebase, Bolt for prototypes. Our comparison goes deeper.

Can I use the result on client sites?

MotionSites licenses its prompts for personal and client work. Check the license of any other library you use.

Can I change colors and copy?

Yes. Before you paste the prompt, add a line with your product name, brand colors and fonts, and ask the tool to rewrite the placeholder copy.

Ready to find your next hero section?

Browse free animated prompts, or get new ones every week by email.

New prompts and site ideas by email, plus a weekly recap. No spam.