MotionSites Review: Are the Animation Prompts Worth It?
In short
MotionSites is a paid library of prompts for animated landing pages. You browse a gallery of hero sections and animated backgrounds, hit Copy, and paste the prompt into Claude Code, Cursor, Lovable or Bolt. It does not generate anything itself and it does not ship component code — you are buying text that describes a design, plus the reference screenshot next to it.
That distinction decides whether it is worth the money. If your bottleneck is taste (you can build anything but everything you build looks like a default Tailwind page), a curated prompt gets you to a decent first draft faster than staring at a blank file. If your bottleneck is implementation, you are better off with free MIT-licensed component libraries like Magic UI or React Bits, which hand you working React code instead of a paragraph the model has to re-interpret every time.
Pricing as of July 2026: $249/year, or a "lifetime" tier discounted from $759 to roughly $349–359, plus $49 prompt packs. The countdown timer has been running for months.
What MotionSites actually is
Open motionsites.ai and you get a grid of animated site previews sorted by vertical: SaaS, agency, portfolio, fintech, e-commerce, Web3, real estate, wellness. Each card has a live preview and a Copy button. Some are free; most are marked Premium.
What lands in your clipboard is a prompt — a structured description of the section: layout, palette, typography, motion timings, what animates on scroll, what reacts to the cursor. There is also a separate library of animated backgrounds (gradient meshes, particle fields, that sort of thing) and a companion mini-course.
The mental model that matters: MotionSites sells design decisions, not code. Someone else picked the type scale, the easing curve and the composition. Your agent still has to write the implementation, and it will write a different implementation every time you run the prompt.
That is not a criticism by itself — design taste is genuinely the weak spot of agent-built landing pages. It just means the product's value is capped by how much you personally struggle with visual direction. We keep a short card on the tool in the arsenal entry for MotionSites with the same caveat.
What you get for the money
Verified on the /unlimited page as of July 2026:
- Yearly access — $249/year, cancel anytime. Unlimited prompts, animated backgrounds, sections, future additions, community access, 50% off the companion course, commercial use for client work.
- Lifetime access — $759 struck through, shown as $359 on the plan card. The banner at the top of the same page advertises "$759 now $349" with a countdown timer. The two numbers on one page disagree by ten dollars, which tells you how seriously to take either of them.
- Prompt packs — $49 for 2–10 individual prompt downloads, aimed at one-off builds.
Two things worth naming plainly. First, the struck-through $759 is an anchor price, not a price anyone was charged; treat it as marketing furniture. Second, "lifetime" here means the lifetime of the company, and a prompt library is a low-moat business — if the site goes down, your access goes with it. Copy the prompts you care about into your own repo the day you buy.
Directory-site reviews of MotionSites are mostly rewritten marketing copy; the one substantive criticism you will find is that it "is not a builder," which is accurate and is also the entire point of the product.
Where it works and where it falls apart
It works when you want a first draft of a section you would not have designed yourself. A prompt for a fintech hero with a layered gradient and a staggered text reveal is genuinely faster than describing that from scratch, and the reference screenshot gives you something to grade the output against.
It falls apart in four predictable places.
Non-determinism. The same prompt run twice gives you two different pages. The gallery preview is a hand-polished artifact; your output is a probabilistic approximation of it. Expect to iterate 3–10 times per section, and expect the model to quietly drop half the motion details on the first pass.
Retrofitting. These prompts assume a greenfield page. Dropping one into an existing codebase with a design system, a component library and an established type scale means the agent either ignores your conventions or ignores the prompt. Neither is what you wanted.
Performance. Particle backgrounds, scroll-linked transforms and video heroes are the three most reliable ways to wreck LCP and CLS on mobile. Nothing in the prompt tells the agent to respect prefers-reduced-motion, lazy-load the heavy stuff, or reserve layout space. You have to add that yourself, every time.
Framework lock-in by omission. Prompts are framework-agnostic in the sense that they do not specify one. In practice you get React plus Tailwind plus a motion library, because that is what the models default to. If you are on Svelte, Vue or plain HTML, the output quality drops noticeably.
Free alternatives worth trying
Before paying, try the free tier and one code-first library side by side on the same section. The comparison is usually decisive.
| Option | What you actually get | Cost (July 2026) | Best for | The catch |
|---|---|---|---|---|
| MotionSites | Prompt text + reference preview | Free tier; $249/yr, ~$349–359 lifetime, $49 packs | Picking a visual direction fast | Output is non-deterministic; no code ships |
| Magic UI | Copy-paste React/Tailwind components, MIT | Free | shadcn-style projects that need polish | Components, not full page compositions |
| React Bits | 140+ animated components, 4 variants each (JS/TS × CSS/Tailwind), CLI or copy-paste | Free (MIT + Commons Clause) | Text effects, backgrounds, micro-interactions | Commons Clause bars reselling the library itself |
| Aceternity UI | Copy-paste animated sections and heroes | Free tier + paid templates | Big hero sections with heavy motion | Marketing-heavy aesthetic; not for dense app UI |
| Motion docs | The animation library itself + examples | Free (MIT) | Building the effect yourself, exactly | You supply the taste |
The structural argument for the free options: they hand your agent working source, so the model's job shrinks from "invent this design" to "wire this component in." That is a much smaller surface for it to get wrong. The structural argument for MotionSites: none of those libraries tell you what a good fintech hero should look like.
How it fits a Claude Code workflow
If you buy in, treat the prompt as a starting brief, not a spell.
- Persist the design decisions. Paste the prompt into a
design.mdin your repo and reference it fromCLAUDE.md. Otherwise every new session re-invents your palette and spacing. - Constrain the stack in your own words. Append your framework, styling approach, component library and file conventions. The prompt will not do this for you.
- Build one section at a time. Whole-page prompts produce whole-page slop. Hero first, review, commit, then the next section.
- Add the guardrails the prompt omits. Explicitly ask for
prefers-reduced-motionhandling,content-visibilityor lazy-loading on heavy sections, fixed dimensions on media, and a poster frame for any video hero. - Measure before you ship. Run Lighthouse on mobile throttling. A hero that scores 40 is not a better hero.
If you are assembling a stack from scratch, our free vibe-coding setup guide covers the agent side, and the rest of the tool arsenal and docs cover what to pair it with.
Verdict. Worth the $49 pack if a specific preview matches a specific project you are building this week. Hard to justify $349 for text files when free MIT libraries ship the code. Skip it entirely if you already have a design system — the prompts will fight it.
FAQ
Is MotionSites free?
Partly. A subset of prompts has an active Copy button with no account required; the rest are marked Premium and locked behind a paid plan. Try the free ones on a real project before deciding — they are representative of the quality, just not of the quantity.
Does MotionSites work with Claude Code and Cursor?
Yes, and with Lovable, Bolt or any other agent that accepts a text prompt — the prompts are plain English with no tool-specific syntax. Results vary more by model than by tool. Agents that can read your existing files and follow a CLAUDE.md will respect your conventions better than one-shot browser builders.
Is MotionSites a one-time payment or a subscription?
Both are offered. As of July 2026 the yearly plan is $249/year and the lifetime tier is discounted from $759 to roughly $349–359 depending on which element of the page you read. Check the current number on the pricing page before paying — the promo values rotate.
What are the best free alternatives to MotionSites?
Magic UI and React Bits are the closest substitutes and both are free and open source, though React Bits carries a Commons Clause rider. Aceternity UI covers large animated hero sections. All three give you actual component code rather than a prompt, which removes a whole class of generation errors.
Will the AI reproduce the gallery preview exactly?
No. The previews are polished reference implementations; your agent produces an interpretation of the prompt describing them. Expect to be in the neighbourhood after one run and closer after several rounds of correction. If pixel fidelity to a specific demo matters to you, copy component code instead of buying prompts.