Animated React components · sold as source
Components worthturning the lights on for.
Interfaces people actually touch. You buy the source once, drop it into your app and own it. No subscription, no runtime, no lock-in.
The collection
Components
1 available · more on the way
Lamp Login
$29A sign-in screen that stays dark until you pull the cord.
- React 18 / 19
- Framer Motion
- CSS
The next component is being built. Each one ships with the same standard: full source, scoped styles, accessible by default.
How it works
Three steps. No account.
- 01
Buy once
Pay by card through Stripe. No account, no subscription.
- 02
Download the source
You land on a download page straight after checkout, and can re-download any time from My purchases.
- 03
Drop it in
Copy the folder into your React app, pass in your handlers, ship it. You own the code.
The standard
Every component ships with
Full source
Readable, unminified React and CSS. Nothing compiled, nothing hidden.
Bring your own backend
Components take props and call your functions. No auth, data or API lock-in.
Scoped styles
No global CSS. Tokens are CSS variables scoped to the component, so nothing clashes.
Accessible
Keyboard operable, labelled, reduced-motion aware. Motion never locks anyone out.
No outside requests
Fonts and assets are bundled. Your users’ browsers only talk to you.
Runnable demo
Every zip includes a Vite demo, so you can try it before you wire it up.
Licence
One purchase.
Unlimited projects.
- Unlimited personal & commercial projects
- Client work: hand it over with the project
- Modify it however you like
- No attribution, no per-seat fees
- Reselling or redistributing the source
- Public repos or package registries
- Bundling it into a UI kit or template
Questions
FAQ
What do I actually get?
A zip with the component’s React source, its CSS and design tokens, self-hosted fonts, a runnable demo and a README with setup, props and theming.
Which frameworks does it work with?
Any React 18 or 19 app: Vite, Next.js, Remix, Astro islands. Components need framer-motion, which the README tells you how to install.
Can I use it in client work?
Yes. One purchase covers unlimited personal, commercial and client projects, and you can hand the finished project to your client. No attribution needed.
What can’t I do?
Resell or redistribute the source, publish it in a public repo, or include it in a UI kit or template you sell or give away. The full terms are on the licence page.
Can I get a refund?
No. Components are source code you keep, so all sales are final. If something isn’t working, email billing@susanoo.ai and we’ll help you set it up, fix bugs, and make small changes or revisions.
What if I lose my download?
Go to My purchases and enter the email you used at checkout. We’ll send a sign-in link with downloads for everything you’ve bought, always in the latest version.