Interfaces that
A set of animated, themeable React components you install with a single command — straight into your codebase, no black-box package to fight.
$npx heliokit add meteor-showerInstall once.
Own it forever.
The CLI copies plain .tsx into your repo and leaves. Nothing to upgrade, nothing that breaks the day we ship a change you never asked for.
npx heliokit add <name>. No config step, no provider to mount.
Typed props on every component — the source you get is the source we write.
Nothing named heliokit ends up in your bundle or your lockfile.
Free for commercial work. Keep the copyright notice and ship it.
Everything here is a HelioKit component
The hero canvas, the flipping word above, the crystal below — all shipped by the CLI.
Built to get out of your way
No wrappers, no config ceremony. Add a component and keep moving.
One-command install
npx heliokit add <name> drops the source straight into your repo. No runtime dependency, no lock-in.
You own the code
Components copy in as plain .tsx. Read them, edit them, delete a prop — yours from the first paste.
Motion, built in
Framer-motion + canvas animations tuned per component, perf-gated so off-screen work stays idle.
Token-driven theming
Everything reads from CSS variables. Flip a class for light mode or reskin the whole kit in one file.
Tailwind v4 + React 19
Modern stack out of the box. TypeScript types ship with every component, no @types hunting.
Full-page templates
Compose the primitives or grab a ready template — SaaS landing, financial overview, kanban board.
Three commands, then you're building
Init once, add what you need, ship a whole template when you're in a hurry.
Skip the blank page
Full pages assembled from HelioKit primitives — grab one and customise.
Start building with HelioKit today
Free, open source, and yours to modify. One command away.