Interfaces that feel alive
A copy-paste component platform for Tailwind v4. The everyday kit you’d expect from Ant Design — plus the hard stuff: GPU fluid, black holes, shader gradients and physics, tuned in a live playground and copied in one command.
components & blocks
living backgrounds
lines you own
runtime deps for visuals
Backgrounds
The hard part, done.
Fragment shaders, GPU simulations, flocking and springs — each one a single component that reacts to the pointer, pauses off-screen and respects reduced motion. Hover any tile.
Components
Ant Design breadth. Tailwind ergonomics.
Forms, overlays, navigation, data display and feedback — keyboard-first, screen-reader-wired and themed with shadcn-compatible tokens. The window on the right is built from nothing else. Click around.
- ✓Native <dialog> modals with @starting-style animation
- ✓Collision-aware floating layer, no Popper
- ✓Field wires id, aria-describedby and aria-invalid for you
- ✓Fuzzy ⌘K palette with match highlighting
opus-landing
github.com/acme/opus-landing
Every pull request gets its own URL.
Workflow
Pick. Tweak. Paste. Own.
Tune it live
Every background ships with a playground — colours, speed, physics, presets. The JSX updates as you drag.
<Fluid
colors={["#ff4d00", "#ffb700"]}
curl={40}
className="absolute inset-0"
/>Copy it in one line
shadcn-compatible registry JSON, or the offline script that resolves every file it needs. No package to install.
npx shadcn@latest add https://opusui.131199999.xyz/r/fluid.json
# or, offline:
node opus55/scripts/add.mjs fluidOwn the code
Files land in components/opus with relative imports. Read them, fork them, ship them. Zero runtime dependencies for the visuals.
components/opus/
backgrounds/fluid.tsx
lib/gl-sim.ts
lib/color.tsBuilt for agents
Point your AI at it.
/llms.txt lists every component with a one-line summary and a link; each page has a raw markdown twin and a registry JSON with full source. Tell Claude, Cursor or Codex “use OPUS Aurora for the hero” and it knows exactly what to fetch.
# OPUS UI
> 143 copy-paste Tailwind v4 components.
## Backgrounds
- [Fluid](https://opusui.131199999.xyz/docs/fluid): GPU Navier–Stokes ink …
- [Aurora](https://opusui.131199999.xyz/docs/aurora): northern-lights shader …Make the next thing you ship feel alive.
Free to use in all your projects. Copy what you need, leave the rest.