The brief
Interactive effects are usually locked in demos or tangled with a framework. We wanted designers and developers to see an effect live, then take it home in one paste.
Open-source productProductsDeveloper tools
Aditsy Orbit UI
Interactive backgrounds and cards you can copy into your site as a single React file.
Built and published by us. It is a product we maintain, not client work.
- Open-source product
- Developer tools
- Products
- React 18
- Vite
- Framer Motion
- Canvas and WebGL effects
- Static hosting
How we built it
Every piece is one self-contained .jsx file with its engine, colours and styles inside. The library site gives each one a live preview, palettes, a how-to-interact guide, a copy-code tab and ready-made AI prompts. It builds to a static site with hash routing, so it deploys anywhere.
What is in it
- 97 interactive backgrounds, 36 card designs, buttons, text effects and playable 404 pages
- Live hover previews, search, categories and a technology filter
- One-file React exports plus copy-ready AI prompts
- Full-screen viewer with previous and next
- MIT licence, free for personal and commercial use
A closer look at Aditsy Orbit UI.
First screen. 
The browsable grid with live previews. 
A piece page: preview, interaction guide, code. 
Cards people want to touch.
Want a build like this?
Tell us what you need. We will say what we would build, what stays manual, and what it would honestly take.