01
You own the code.
Source lands in your repo under components/lazy-ui. Edit it, rename it, extend it — no package release to wait on, no version to bump.
Build lazily.
You own every file. All 45 React and Tailwind components — WebGL backgrounds, text and motion effects, device mocks, and a few interactive primitives — install as shadcn registry files that land in your repo, fully editable. Not an import. Source you keep.
Mission
You own the source from the first install. Striking components you drop in one at a time, tune through props, and rewrite whenever the design needs it.
02
Tune through props.
Palette, speed, intensity, easing — the knobs that matter are props. Most adjustments never need a code dive.
03
No bundle, no lock-in.
Not on npm. Pull only what you need via shadcn registry URLs — no transitive deps, no unused code in your bundle.
04
Themable by default.
Dark by default, but it’s all Tailwind and props underneath. Swap colors, easing, or type to match the design system you already run.
Performance
You own the source, so you control the cost. These are GPU-accelerated WebGL and motion effects — a few things to keep in mind when you wire them in.
01
One or two per page.
Stack several WebGL surfaces on one screen and they fight for the GPU and split the focus. Pick the hero piece. Keep the rest static.
02
Downgrade gracefully.
On smaller or older devices, swap heavy effects for a static fallback. A poster image or CSS gradient carries most of the look at a fraction of the cost.
03
Respect the preference.
Every component honors prefers-reduced-motion and short-circuits decorative loops. Test on a real device before you ship.