56 components · copy-paste · CLI · MCP
Components with real heat
Animated React components forged for dark interfaces — original shaders, physical motion, and a11y that never melts. Free previews for everything.
Live proof
Every preview is live
No videos, no GIFs — these are the shipped components, running on this page. Put your cursor through them.
The catalog
Ten categories, one visual language
Every animated component ships with reduced-motion fallbacks, offscreen pausing, and an exported props contract.
backgrounds
Fullscreen shaders, particle fields, reactive surfaces
text
Reveals, scrambles, metallic sweeps, morphs
cards
Tilt, spotlight, living borders, dissolves
buttons
Heat passes, ripples, magnetic pulls
navigation
Sliding tabs, docks, gooey indicators
cursors
Followers, target brackets, spark trails
scroll
Reveals, path draws, velocity marquees
loaders
Flywheels, molten progress, staged smelts
utility
Beams, orbits, spark bursts
sections
Full landing blocks, one coherent brand
Zero friction
Install it your way
CLI, copy-paste, or an agent over MCP — the source lands in your repo either way. You own it from there.
$ npx shadcn@latest add @crucible/moltenOne command. Lands in your components directory, deps included.
import { Molten } from "@/components/crucible/molten";
<Molten speed={0.7} className="opacity-90" />The code tab is the shipped source. Paste it, theme it, ship it.
{
"crucible": {
"url": "https://crucibleui.com/api/mcp"
}
}Point your agent at the registry and let it forge for you.
By the numbers
Dogfooded, down to the stats band
The band below is ingot-stats — a pro section from the catalog — running our own numbers.
- components, all previewable
- pro flagships & sections
- animation engines
- subscription, ever
- ¢
Not ready to pay? The free tier is genuinely good →