motifui
Fresh drops every week

Copy less.
Ship more.

Animated sections, live backgrounds and production-ready prompts for people who build websites. Pick a block, copy the prompt, launch.

60+Animated sections
24Gradients
12Live backgrounds
6Restyle presets
60 sections · live previews, not screenshots

The library

Four libraries that used to live in four different tabs.

One visual language, one license, one place to steal from responsibly.

Full-page cases

Whole sites, not just blocks.

Click a case to open the full build — layout, copy and the one prompt behind it.

View all cases

Featured this week

The newest blocks.

View all 60

Built for the tools you already use

LovableCursorClaudeBoltv0Codex

Prompts are tuned for the way AI builders actually parse instructions: structure first, constraints second, adjectives last.

Backgrounds with a performance tier

Motion you can ship, not motion that ships you.

Every background is a single CSS file with transform and opacity animation only. No canvas loops burning a laptop battery, no video downloads.

Explore backgrounds
Orbit Orbspro
Gridlinefree
Beamspro

The workflow

Built in an afternoon, minute by minute.

01

Pick a block

Filter by category, type or mood. Every card previews the real layout, not a screenshot.

02

Copy the prompt

One click gives you a complete, constraint-heavy prompt with layout, type, color and motion.

03

Paste and launch

Drop it into Lovable, Cursor, Claude or a developer's inbox. Then ship the thing.

Pricing

One library. Three ways in.

Compare plans →

FAQ

Questions, answered plainly.

Still unsure? Write to us and a human will reply.

Contact us
What exactly do I get?+

Sixty-plus animated section prompts, a live background library, gradients, templates and a restyle studio. Every section ships with a detailed prompt you can paste into Lovable, Cursor, Claude, Bolt or plain HTML.

Do I need an AI tool to use this?+

No. Every prompt is descriptive enough to hand to a developer, but it is designed to work best inside an AI builder. The output is always plain HTML and CSS.

Can I use these on client work?+

Yes. Paid plans include a commercial license for client projects. You may not resell or redistribute the library itself.

How many free prompts do I get?+

A free account can open three prompts, forever. After that, a paid plan unlocks unlimited copies across the entire library.

What is the MCP server for?+

It lets Claude Code, Cursor and Codex pull sections directly from Motif while you build, instead of switching tabs to copy a prompt.

No more blank canvas

Stop starting from zero.

Sixty sections, twelve backgrounds, twenty-four gradients and a prompt for every one of them.