How it works
From copy to moving in two minutes.
Every effect is one small block of code with your text and colours already in it. You never edit code: you paste it where your site accepts it.
Three steps
Pick, style, paste.
Pick an effect
Browse the effects and open one you like.
Make it yours
Type your own text and pick your background, text and accent colours. The preview updates as you go.
Copy and paste
Press Copy code or Copy for AI, then paste. The window tells you exactly where for your platform.
Two buttons
Copy code, or Copy for AI.
For site builders
Shopify, Webflow, Wix, WordPress, Framer and Squarespace all have a place for custom HTML. Paste it there and save.
For AI assistants
Building with Claude Code, Cursor, Lovable or Emergent? You get the code plus a ready-made instruction. Paste it into the chat and the assistant places it for you.
Where to paste
Your platform, step by step.
Shopify
In your admin, go to Online Store, then Customize. Click Add section, choose Custom Liquid, paste, then Save.
Webflow
In the Designer, press A, drag an Embed element onto the page, paste, then Save and Publish.
Wix
In the Editor, click Add, then Embed code, then Embed HTML. Choose Code, paste, then Update.
WordPress
In the page editor, add a Custom HTML block, paste, then Update.
Framer
Insert an Embed, set its type to HTML, and paste into the HTML box.
Squarespace
Edit the page, add a Code block, paste, then Save. Code blocks need a Business plan or higher.
Claude Code
Open Claude Code in your site's project folder, paste into the chat and press Enter.
Cursor
Open your project, paste into the chat and send. The instruction tells it where the effect goes.
Lovable
Paste into the chat of your project and send.
Emergent
Open your project in Emergent, paste into the chat and send.
Questions
Good to know.
Is it really free?
Yes. In the beta, 11 effects are free: enter your email once and copy as many as you like. The full library of 195 effects is coming, and beta users hear about it first.
Do I need to know how to code?
No. You change the text and colours in a simple window, press Copy, and paste. If you build with an AI assistant, Copy for AI includes the instruction, so the assistant does the placing.
Will it slow my site down?
Each effect is a single block of HTML, CSS and JavaScript with no libraries to load; most are under 6 KB. Animations pause when they're off screen.
Does it work on phones?
Yes. Effects are built for small screens, and the ones that follow a mouse play on their own when there's no mouse.
What about visitors who turn off animations?
Every effect respects the "reduce motion" setting on phones and computers, and shows a calm, still version instead.
Can I put the same effect on my page twice?
Yes. Each copy runs on its own without clashing with the others.
Where does my email go?
To our email list, so we can send your free effects and tell you about new ones. Unsubscribe any time. The details are on the privacy page.
Try it