New100+ blocks — AI inputs, pricing, cards
Stop building UI
from scratch.
lqdui is a hand-built collection of production-grade React components. Copy them into your app, own the code, and skip the weeks of polishing nobody sees.
100+
components
10
categories
0
lock-in
btn-06
Particle button
card-04
Metric card
pricing-02
Pricing tier
01 — The registry
Every block you keep rebuilding.
02 — How it works
No package.
Just files.
lqdui follows the shadcn model: the registry is a shelf, not a dependency. You copy real source code into your repo and it becomes invisible infrastructure.
Find the block
Browse the registry like a menu, not a maze. Each component shows live preview, variants, and the exact files it needs.
Paste one command
The CLI drops source files straight into your project. Tailwind, shadcn and motion wired up — nothing hidden in node_modules.
Own it forever
It's your code now. Restyle it, rip it apart, ship it. MIT licensed, no telemetry, no version-lock anxiety.
$ npx lqdui add ai-input-04 card-04 pricing-02
✓ ai-input-04.tsx → components/lqdui/
✓ card-04.tsx → components/lqdui/
✓ pricing-02.tsx → components/lqdui/
Done. 3 files, 0 new dependencies.
Works with Next.js, Vite, Remix — anywhere Tailwind + React live. TypeScript-first, dark-mode aware, keyboard navigable.
03 — House rules
Taste is a feature.
Designed, not decorated
One type scale. One border radius. Hairlines instead of shadows. Every component is reviewed for restraint before it ships.
Motion with manners
Micro-interactions that explain themselves — focus rings, press states, layout shifts under 200ms. Nothing bounces for attention.
Accessible by default
Radix primitives underneath, real contrast ratios, keyboard paths tested. WCAG AA isn't a badge, it's the baseline.
Free · Open source · MIT
Build less chrome.
Ship more product.
Grab the blocks you need, skip the weeks you don't have. Your next interface is one paste away.