Signature interactions, the AI kit, money and charts. Full source, every sound.
A folder per element with its React and its CSS, plus one shared tokens.css for colours and type. Paste them into your app, import the CSS, render the component. There's no package to install and nothing to configure.
React, plus framer-motion and lucide-react where an element animates or shows an icon. No Tailwind and no UI framework. It works in Next.js (either router), Vite, or any React setup that can import a CSS file.
Yes. Every element reads its colours from the shared tokens, which have light and dark values. They follow the system setting, or a data-theme attribute on the page.
Elements take an optional onSound callback. The sound engine is one file that synthesizes every sound in the browser, with no audio files. The free engine plays every sound the free elements make; Pro's plays them all.
Every element has a live preview, free, and many come with their code. Pro unlocks the code for the rest, every sound, and everything we add later.
You keep Pro until the end of the period you paid for. After that the Pro code locks and billing stops. Anything you already shipped keeps working.
Use any element, free or Pro, in unlimited personal and commercial projects, client work included. Pro elements need a plan. No element, free ones included, can be resold or republished as a kit, template, package or library.
No. New elements and fixes are included for as long as you have Pro.