For Framer / designer-developers
Framer components, drawn with one line.
A small library of Framer components with a locked design language: 288 loading animations across 24 themed drops, cursor-reactive elements, and a loader you draw yourself. Everything pastes into an Embed block, everything matches everything else, and you buy once. No subscription, no catalogue overload.
Framer / how it works
Paste one embed. That is the workflow.
- Step 01 / 03 Pick. Choose a drop whose motion fits your project, or open Echo and draw a loader only you own. Set the accent colour and size on the page: what you see is exactly what ships.
- Step 02 / 03 Paste. In Framer: Insert, then Embed, then paste the snippet from your purchase. Loaders are pure HTML and CSS; the interactive elements add one small self-hosted file. It renders in the canvas immediately.
- Step 03 / 03 Own it. One purchase, perpetual commercial licence, files on your machine. Use it across client work without per-site fees. There is no subscription to lapse and nothing that stops working.
Want the long version? Read the guides: how to add a loading animation in Framer and how to add a custom preloader in Framer.
Framer / the library
One design language, three kinds of component.
Every product in the shop is drawn with the same hairline. That is the point: a components library where anything you take already belongs with everything else.
01 / Loaders
Themed drops.
24 drops, 288 loading animations: liquid bodies, bar equalisers, orbits, botanicals, wildlife. Twelve cohesive loaders per drop, $29 once.
Browse the drops →02 / Interactive
Reactive elements.
Magnet: a cursor-reactive hairline field for your hero, six behaviours, tuned live and exported with your exact settings. The section your visitors play with.
View Magnet →03 / Yours
Draw your own.
Echo: draw a line, initials, anything. It closes into a seamless loop and becomes a loader no one else has. A signature for your project, exported as one embed.
Open the canvas →Framer / questions
Asked often, answered plainly.
- How do the components work in Framer?
- Every product ships as a copy-paste embed. In Framer: Insert, then Embed, then paste the snippet. Loaders arrive as self-contained HTML and CSS; interactive elements like Magnet and Echo add one small JavaScript file that you host with your site. No plugin, no build step, no external service.
- Will they slow my site down?
- No. The loaders are a few kilobytes of code, not video or GIF files. The interactive elements pause when they scroll offscreen, cap their resolution on retina displays, and respect the visitor's reduced-motion setting. Nothing here blocks your page from loading: motion decorates the page, it never delays it.
- Do I need to write code?
- No. If you can paste into an Embed block, you can use everything in the catalogue. Each drop includes both a vanilla HTML and CSS flavour and a Framer-ready embed, plus a README that walks through the paste. The customization is visual too: pick your accent colour and size on the product page before you copy.
- What exactly do I own after buying?
- The files, forever. A drop is a one-off purchase with a perpetual commercial licence: use the loaders in client work and your own projects, no per-site fees, no renewal. This is not a components subscription, and nothing stops working if you cancel, because there is nothing to cancel.
- Do the components support dark mode and brand colours?
- Yes. Every loader ships with an accent you can set to any hex, and the default follows your page's text colour so it sits naturally in light or dark themes. Magnet and Echo take the same approach: one accent parameter, tuned live on the page before you export.
- How is this different from a Framer components library?
- The big libraries sell volume: thousands of static sections that share no design language. We sell the opposite: small themed drops where every animation is drawn with the same hairline, so anything you take already matches everything else you took. Curated, cohesive, and owned outright rather than rented.
Start with one drop.
Pick the motion that fits, paste it into an Embed block, and own it. The rest of the library will still match when you come back.