FREE
A theme switch with a sun that sets into a starry night.
Animated UI you can paste into your project
The components from our reels, with the source code. Buy one, or get the whole catalogue in one go.
import PullCordLogin from "./components/PullCordLogin";<PullCordLogin accent="#C6FF3D" onSubmit={signIn} />The catalogue
All 9
A dark analytics dashboard where every number counts up live.
9,000 particles that spring between a sphere, a word and a torus knot.
Pull the cord, the lamp turns on, the login form appears.
A live 3D card that fills in as you type and flips for the CVC.
A login mascot that watches you type and covers his eyes for the password.
A delete button you press and hold, then the file crumples into the bin.
A pill navbar that morphs for notifications, music and search.
A drop of liquid chrome drawn live by a WebGL shader.
How it works
- 01
Pick the one that moves right
Every card on this page is the component running live, the same code you get. Open one to try it with your mouse or finger.
- 02
Get the code
Each component comes as one HTML file with the CSS and JS inside, and as a React version with typed props (Vite, TypeScript, Tailwind, Framer Motion).
- 03
Paste it, or hand it to your agent
Drop the file into your project, or give PROMPT.md to Claude Code, Cursor or v0. One prompt fits the component into your app, the other rebuilds it in your stack.
All-Access Pack
Every component in the catalogue for one payment.
- Components and templates
- 8
- Bought one by one
- $30
- The pack, once
- $29
- Updates for pack owners, optional
- $8/mo
The pack covers the catalogue on the day you buy it, and you keep it. Updates adds the components released while it's active.
See what's in the packQuestions
What can I do with the code?
Use it in as many personal and client projects as you like. The one thing you can't do is resell or republish the components as they are, alone or inside a UI kit.
React or plain HTML?
Both. Every component comes as one HTML file you can open in a browser, and as a React version (Vite, TypeScript, Tailwind, Framer Motion).
What is PROMPT.md?
Two prompts for Claude Code, Cursor or v0. One fits the component into your project, the other rebuilds it in a different stack.
Are the previews the real thing?
Yes. Each preview is the component itself, running in your browser. The code you buy is the clean, commented version.
What does the All-Access Pack cover?
Every component and template in the catalogue on the day you buy it (8 today, $29 once). It's a one-time payment and you keep the files.
What does Updates add?
Updates is $8 a month and only for pack owners. Every component released while it's active is yours to keep. It doesn't unlock the catalogue on its own.
What if I cancel Updates?
You keep the pack and everything released while you were subscribed. Components released after the plan ends aren't included; you can buy them one by one or subscribe again.
Can I get a refund?
The code is digital content, so the 14-day withdrawal right ends once you have access. If a file is broken and we can't fix it, you get your money back.
The free one is a good place to start
Day / Night Toggle: the full code, no card and no account.
Need something like this built into your product? We take on custom UI work.