# Crucible

> Premium animated React component library and shadcn-compatible registry — 238 components (backgrounds, text effects, cards, data, AI & agent UI, buttons, navigation, cursors, scroll, loaders, utility, sections, app UI blocks, templates, themes, inputs) with live previews, copy-paste TypeScript source, and CLI install via the shadcn registry protocol.

Crucible is a library of premium animated components for Next.js/React, written in TypeScript (strict) and styled with Tailwind v4, dark-first. It is a real shadcn-compatible registry: every free component installs with one command and can also be copied by hand. Every animated component honors `prefers-reduced-motion`, freezing at an aesthetic static frame or fading in rather than ever showing a blank box; interactive components ship correct roles and full keyboard support. WebGL/Canvas scenes pause offscreen and on hidden tabs and clamp DPR.

## At a glance

- 238 components across 16 categories (114 free, 124 pro).
- 54 animated & WebGL backgrounds (OGL shaders, React Three Fiber, Canvas 2D), 14 full page templates, 10 themes.
- 10 free design tools (Background Studio, Palette Tool, Easing Designer, Gradient & Glow Designer, Shadow Studio, Section Divider Generator, Gradient Mesh Generator, Noise & Grain Generator, Type Scale Generator, Border Radius & Squircle Designer).
- Live in-browser Customize panel on every component page; MCP registry for AI coding agents.
- Tech: Next.js App Router, React, TypeScript strict, Tailwind v4.
- License: free components are MIT (https://crucibleui.com/license); pro components are a paid single-seat license.

## Install

```bash
npx shadcn@latest add @crucible/<name>
```

Registry base URL: https://crucibleui.com. Free component JSON manifests are served at https://crucibleui.com/r/<name>.json. Pro-tier components require a one-time purchase (see https://crucibleui.com/pricing) and install as `npx shadcn@latest add @crucible/<name>` after adding the token-bearing registry config from https://crucibleui.com/account; their source is never served publicly.

MCP server for AI coding agents: https://crucibleui.com/api/mcp (streamable HTTP). Tools: search_registry, get_component, get_usage, install_instructions. Free components need no auth.

## Components

Free components install with `npx shadcn@latest add @crucible/<name>` and their registry JSON is served at `https://crucibleui.com/r/<name>.json`. Pro components require a purchase (see Pricing) and their source is not served publicly. Append `.md` to any component URL for an agent-readable markdown page (props, usage example, and source for free components); https://crucibleui.com/llms-full.txt bundles every component's docs in one file.

### Backgrounds (54)

- [Arc](https://crucibleui.com/components/backgrounds/arc): An electric-storm background: seeded midpoint-displacement lightning bolts fork down from a faint cloud glow toward random ground points, drawn as layered strokes (wide glow, colored haze, white-hot core) with flicker re-strikes and afterimage persistence. Click to call a strike to your cursor. Photosensitivity-safe by design: shaped pulse trains (max 3 peaks, 130ms+ apart), a hard 1.25s strike cooldown, and a flashCap clamp on full-frame luminance. Canvas 2D, idle-silent between strikes, offscreen-paused, reduced-motion poster frame. Clicks stack (up to three queued strikes, still cooldown-clamped), a `strike()` ref handle calls bolts programmatically, and a ghost click idles the storm when untouched. (free)
- [Arcade](https://crucibleui.com/components/backgrounds/arcade): 8-bit attract-mode background: a chunky pixel starfield drifting on three parallax depth layers, seeded space-shooter sprites gliding across on a two-frame flap, and a faint pixel grid receding to a horizon. Crisp unsmoothed pixels. Canvas 2D, seeded, offscreen-paused, reduced-motion-safe. (free)
- [Aureole](https://crucibleui.com/components/backgrounds/aureole): Volumetric god rays through drifting atmosphere: a light source anchored to a frame edge or corner pours a bundle of shafts into the dark, an angular noise mask slowly churns so individual beams brighten, split, and die like sun through smoke, and sparse dust motes twinkle only inside the lit volume. Inverse power-law bloom at the source, radial falloff keeping the far field text-safe, and a gentle searchlight re-aim toward the pointer. An original OGL fragment shader — DPR-clamped, offscreen-paused, with a composed static frame under reduced motion; the beam idles on its own when untouched. (pro)
- [Ballast](https://crucibleui.com/components/backgrounds/ballast): A physics ballpit background in sea-glass celadon: frosted spheres pour in from a corner and drift under low gravity like objects underwater, jostling softly while the pointer stirs gentle currents. Instanced rigid bodies, DPR-clamped, offscreen-paused, reduced-motion-safe; idles on its own when untouched — a ghost paddle stirs the currents. (pro)
- [Blast](https://crucibleui.com/components/backgrounds/blast): An audio-reactive furnace: a horizon coal bed whose glow and flame-lick height follow amplitude, with bass strikes hurling ember volleys upward and treble adding spark flicker. Degrades to a gently breathing coal bed without audio — never black. Mic capture only behind an explicit user gesture, with full AudioContext and GL teardown on unmount. (pro)
- [Bloom](https://crucibleui.com/components/backgrounds/bloom): A centerpiece sphere of luminous plasma — the white-hot bloom drawn from a bloomery furnace. Layered fresnel shells wrap domain-warped turbulence convecting upward inside the volume, a molten seam migrates slowly across the surface, and a wide soft halo seats the orb in the dark. Hover leans the orb toward the cursor and quickens the convection; click sends a slow shockwave ripple crawling across the shell. Original OGL fragment shader with all fragment work bounded to the orb+halo region, tanh soft-clip tone mapping, position/size knobs for hero layouts, full palette control — DPR-clamped, offscreen-paused, with a composed poster frame under reduced motion; clicks stack shockwaves, and it idles on its own when untouched. (pro)
- [Bokeh](https://crucibleui.com/components/backgrounds/bokeh): Dreamy out-of-focus lights: a parallax field of soft circular light discs — each with a brighter aperture rim — drifting slowly through the dark, sized and layered by depth like night lights through a defocused lens, with a few sharp in-focus specks. 2D canvas with additive blending, seeded PRNG for a deterministic scatter, pauses offscreen, honors prefers-reduced-motion with a still scatter. (free)
- [Cascade](https://crucibleui.com/components/backgrounds/cascade): Digital code rain: monospace glyph columns fall with bright white-hot heads and exponentially-fading cyan-steel trails, glyphs scrambling as the light passes, layered by depth. Pale-phosphor default (classic green is a preset). Canvas 2D, seeded, offscreen-paused, reduced-motion-safe. (free)
- [Cathode](https://crucibleui.com/components/backgrounds/cathode): A CRT / VHS tube background: a synthetic phosphor signal rolls under dense scanlines while a slow vertical tracking bar sweeps down and shears the picture, the whole frame barrel-distorted into a bulging glass tube with a dark bezel, radial chromatic aberration, phosphor bloom, aperture-grille shimmer, and animated snow — all graded through a single phosphor tint. Original OGL fragment shader, DPR-clamped, offscreen-paused, reduced-motion-safe. (free)
- [Caustics](https://crucibleui.com/components/backgrounds/caustics): The rippling light-caustic net on the floor of a sunlit pool: several octaves of drifting ridged noise thin into bright veins, and two decorrelated fields multiply so the web grows real caustic crossing-nodes, all undulating under a lapping surface ripple with a depth gradient and faint god-ray shafts. Cool aqua by default; slow, calm, premium. Original OGL fragment shader, tone-mapped, dithered, DPR-clamped, offscreen-paused, reduced-motion-safe; the light idles on its own when untouched. (pro)
- [Cinder](https://crucibleui.com/components/backgrounds/cinder): A falling-ember background: a parallax field of hot embers, each an incandescent core in an additive-glow halo, stretched into a soft motion-blur streak as it drifts and flickers down. Near embers big/bright/fast, far ones dim/slow. 2D canvas with additive blending, seeded PRNG for deterministic spawn layout, honors prefers-reduced-motion. (free)
- [Circuit](https://crucibleui.com/components/backgrounds/circuit): PCB-style data flow: orthogonal right-angle copper traces route between solder-pad nodes while glowing data packets stream along them, flaring each pad they reach into a hot bloom over a faint idle glow. Cool electric-aqua default, colors knob. Canvas 2D with a cached etch layer, seeded, offscreen-paused, reduced-motion-safe. (pro)
- [Coalesce](https://crucibleui.com/components/backgrounds/coalesce): A metaball field: drifting cores fuse and split through smooth iso-surface blending, shaded as one mercury-chrome liquid with a circling glint and a silvery rim, the pointer riding along as an extra core. Original OGL fragment shader, offscreen-paused and reduced-motion-safe; the pointer core idles on its own when untouched. (free)
- [Confetti](https://crucibleui.com/components/backgrounds/confetti): Celebration confetti: seeded chips and streamers fall under gravity with per-piece spin, tumble (foreshortening flip with a shadowed backface) and flutter. Opens with an upward burst on mount and keeps firing occasional puffs, then settles into a gentle endless drift. Festive-but-tasteful density, colors/speed/count knobs. Canvas 2D, seeded, offscreen-paused, reduced-motion-safe (static settled scatter). (free)
- [Contour](https://crucibleui.com/components/backgrounds/contour): Living topographic map: marching-squares contour lines over an evolving 3D value-noise terrain, thin minor strokes with a bold accent index line every fifth level, over soft posterized elevation bands. Cool cartographic default. Canvas 2D, seeded, offscreen-paused, DPR-clamped, reduced-motion-safe. (free)
- [Corona](https://crucibleui.com/components/backgrounds/corona): A classic aurora: draping vertical light curtains fold and sway with height, threaded with shimmering ray filaments over a faint twinkling starfield, in teal, violet, and ice blue. The curtains lean gently toward the pointer. Original OGL fragment shader, offscreen-paused and reduced-motion-safe; the curtains idle on their own when untouched. (free)
- [Crucible](https://crucibleui.com/components/backgrounds/crucible): A sealed glass vessel of molten-metal spheres that tumble in and settle under a heat glow. Instanced rigid bodies, bloom, pointer stirring, offscreen-paused, and reduced-motion-safe; idles on its own when untouched — a ghost hand stirs and strikes. (pro)
- [Draft](https://crucibleui.com/components/backgrounds/draft): A soft fluid gradient mesh: domain-warped fbm shader swirling slate, indigo, and violet fields in a slow cloud-like drift. Original OGL fragment shader, dithered, offscreen-paused, reduced-motion-safe. (free)
- [Eclipse](https://crucibleui.com/components/backgrounds/eclipse): A total solar eclipse: a black moon disk occludes a dead-center sun ringed by a white-hot corona of writhing radial streamers, a razor limb ring, and one warm diamond-ring bead drifting around the rim over a seeded starfield. Original OGL fragment shader, dithered, offscreen-paused, reduced-motion-safe. (free)
- [Electrotype](https://crucibleui.com/components/backgrounds/electrotype): Image or seeded procedural plate deposited as a hex grid of metal domes whose radius follows luminance: plates in along a noisy front, glints slide under a drifting key light, and the pointer acts as an electrode that swells nearby dots into a crust with a depleted ring around it. Stacking pulse clicks, multi-image dissolve-and-replate morphs, nickel/copper/gold or custom metal, light tone. Original OGL shader, DPR-clamped, offscreen-paused, reduced-motion static frame. (pro)
- [Ember](https://crucibleui.com/components/backgrounds/ember): A field of glowing embers rising from below in molten forge tones, each with its own phase, flicker, wind drift and color ramp; the cursor stirs a gentle updraft. Original OGL fragment shader, offscreen-paused and reduced-motion-safe. (free)
- [Filings](https://crucibleui.com/components/backgrounds/filings): An iron-filing field: a grid of short segments aligning to a slow magnetic-dipole field when idle and bending toward the cursor, brightening from silver to white. Original OGL fragment shader, one draw call, offscreen-paused and reduced-motion-safe; the field idles on its own when untouched. (free)
- [Fireflies](https://crucibleui.com/components/backgrounds/fireflies): A calm, magical night: warm glowing points drift along gentle seeded wandering paths, each softly breathing inside an additive-glow halo and trailing a short fading wake. Near fireflies big/bright/roaming, far ones dim pinpricks — real depth parallax. 2D canvas with additive blending, seeded PRNG for a deterministic SSR-safe layout, pauses offscreen, honors prefers-reduced-motion with a still field of glowing points. (free)
- [Firmament](https://crucibleui.com/components/backgrounds/firmament): A cold night sky: three parallax layers of stars in icy white, pale blue, and rare cool violet over a blue-violet nebula lit from below, crossed by occasional downward-falling shooting stars with gravity-bent trails. Mouse and scroll parallax, offscreen-paused, reduced-motion-safe. (pro)
- [Flurry](https://crucibleui.com/components/backgrounds/flurry): Quantized pixel snowfall: chunky flakes locked to a crisp unsmoothed pixel grid fall on three parallax depth layers with distinct speeds, sizes and ice-blue tints. Per-flake sine wander, seeded wind gusts that shear layers by depth, and flakes that settle briefly into 1-block drifts on an invisible floor. Canvas 2D, seeded, offscreen-paused, reduced-motion-safe. (free)
- [Gimbal](https://crucibleui.com/components/backgrounds/gimbal): A machined armillary instrument: nested brushed-metal rings with engraved scales pivot at mutually-prime rates under studio light. Drag to spin on detented bearings, click to align every ring. Offscreen-paused and reduced-motion-safe. (pro)
- [Halftone](https://crucibleui.com/components/backgrounds/halftone): A comic pop-art Ben-Day dot field: three ink screens at classic offset-print angles, mis-registered for printed-comic fringing, their dot radii driven by a slow traveling wave so waves of dot-size ripple across a bold flat ground. Cursor sends a concentric pressure wave. Original OGL fragment shader, DPR-clamped, offscreen-paused, reduced-motion-safe; the ripple idles on its own when untouched. (pro)
- [Ink](https://crucibleui.com/components/backgrounds/ink): Dye blooming through still water: a shared domain-warped fbm curls slow billowing folds while two inks bleed from drifting sources, pooling dense and dissolving into ragged tendrils with delicate luminous fronts, mixing into a pale bloom where they overlap. The pointer curls a soft eddy. Original OGL fragment shader, hard-dithered, DPR-clamped, offscreen-paused, reduced-motion-safe; a ghost pointer keeps it moving when untouched. (pro)
- [Iris](https://crucibleui.com/components/backgrounds/iris): A holographic foil sheet: a slowly raking light drives thin-film iridescence across a domain-warped oil-slick field, crossed diffraction micro-gratings split it into fine rainbow bands, and a soft specular bloom sweeps and leans toward the pointer for a tilt-shimmer, with glints twinkling like glitter. Original OGL fragment shader, hard-dithered, DPR-clamped, offscreen-paused, reduced-motion-safe; a ghost pointer keeps it moving when untouched. (pro)
- [Kaleido](https://crucibleui.com/components/backgrounds/kaleido): A living kaleidoscope mandala: a per-pixel polar mirror-fold gives exact N-fold dihedral symmetry over a domain-warped, slowly drifting jewel-tone field, so shards rotate and morph while luminous veins trace the facet seams and a soft bloom glows at the hub. Original OGL fragment shader with segments/speed/colors/intensity knobs, exponential-toned, dithered, DPR-clamped, offscreen-paused, reduced-motion-safe; a ghost pointer keeps it moving when untouched. (pro)
- [Latticework](https://crucibleui.com/components/backgrounds/latticework): An interactive dot grid: cool-steel silver dots heat white → cyan as the cursor approaches, with a configurable falloff curve; a click or tap sends a hammer-strike shockwave ring through the grid. Pauses offscreen. Freezes to a static, gently lit frame under prefers-reduced-motion. Strikes stack, a `strike()` ref handle lands them programmatically, and a ghost pointer warms the grid when untouched. (free)
- [Louver](https://crucibleui.com/components/backgrounds/louver): Gradient blinds: angled slats tilt open around the cursor to reveal a brighter rosewood-to-indigo field behind, each open slat catching a 1px lit edge, with a slow diagonal shimmer when idle. Original OGL fragment shader, offscreen-paused and reduced-motion-safe. Idles on its own when untouched — a ghost cursor tilts the blinds. (free)
- [Molten](https://crucibleui.com/components/backgrounds/molten): The signature pro background: a viscous molten-bronze shader with amber crest highlights, ember-red troughs, a slow violet iridescence sweep, and a cursor heat-welt that swells the metal. Original OGL fragment shader, offscreen-paused and reduced-motion-safe; a ghost pointer keeps it moving when untouched. (pro)
- [Nebula](https://crucibleui.com/components/backgrounds/nebula): A deep-space interstellar gas cloud: domain-warped fbm shader billowing luminous folds through a cool indigo-violet-into-teal gradient, with dark dust lanes, a twinkling starfield, and a soft depth glow. Original OGL fragment shader, hard-dithered, DPR-clamped, offscreen-paused, reduced-motion-safe; a ghost pointer keeps it moving when untouched. (pro)
- [Plasma](https://crucibleui.com/components/backgrounds/plasma): A classic 90s demoscene plasma background: layered sine/cosine fields over space and time sum into a scalar that indexes a smooth looping palette, so flowing color bands both deform and palette-cycle — organic, hypnotic, seamless. The pointer subtly warps the field. Tasteful cool duotone-to-tritone by default, full psychedelia via the colors knob. Original OGL fragment shader, tone-mapped, dithered, DPR-clamped, offscreen-paused, reduced-motion-safe; a ghost pointer keeps it moving when untouched. (free)
- [Raceway](https://crucibleui.com/components/backgrounds/raceway): A warp-tunnel light highway: cold-white light trails stream out of a central vanishing point and cool to steel-blue at the frame edges, one narrow cyan fast lane, the whole corridor bending through slow curves. Click and hold to accelerate — the FOV widens, streaks smear into long exposures, and release ghosts a dimmer copy one frame behind (shutter-drag) before snapping to cruise. Original OGL fragment shader, DPR-clamped, offscreen-paused, reduced-motion-safe; idles on its own when untouched — ghost steering and the occasional boost. (pro)
- [Retro Forge](https://crucibleui.com/components/backgrounds/retro-forge): A synthwave horizon: a perspective plane of glowing magenta grid lines scrolling toward the viewer, melting into a layered violet horizon bloom, with an optional slit-scanned cyan sun, faint star field, and an optional neon outrun car cruising on the grid; the horizon light leans toward the cursor. Original OGL fragment shader, offscreen-paused and reduced-motion-safe; a ghost pointer keeps it moving when untouched. (free)
- [Sateen](https://crucibleui.com/components/backgrounds/sateen): Flowing lit fabric: broad domain-drifted folds carry fine silky striations while a satin specular band — an orbiting light caught by the cloth's gradient — sweeps across the drape. Moonlit pewter-blue, billows under the cursor. Original OGL fragment shader, offscreen-paused and reduced-motion-safe. Idles on its own when untouched — a ghost touch billows the cloth. (free)
- [Singularity](https://crucibleui.com/components/backgrounds/singularity): A gravitationally-lensed black hole: a per-pixel Schwarzschild geodesic ray-march bends light around the event horizon, wrapping a white-hot accretion disk over and under the black sphere into the iconic lensed halo, with a crisp photon ring, Doppler-beamed asymmetry, and a lensed starfield. Original OGL fragment shader, filmic-toned, dithered, DPR-clamped, offscreen-paused, reduced-motion-safe; a ghost pointer keeps it moving when untouched. (pro)
- [Slag](https://crucibleui.com/components/backgrounds/slag): Animated film-grain / noise overlay: fine, neutral-gray speckle that blends over any content via low opacity and mix-blend-mode, with an fps throttle for a slow, settled look and an optional warm tint knob. (free)
- [Solvent](https://crucibleui.com/components/backgrounds/solvent): Interactive fluid ink — a real GPU stable-fluids solver (semi-Lagrangian advection, vorticity confinement, Jacobi pressure projection) driving a persistent two-pigment dye field: cursor strokes push force and pigment into the fluid, so magenta and cyan inks swirl, fold through violet where they meet, and keep marbling long after the cursor stops. A seeded virtual cursor keeps it alive when idle and hands over to the real pointer with an exponential tween; two pigment blooms are pre-seeded so it is never blank on load. Half-res HalfFloat sim FBOs, adaptive Jacobi budget, DPR-clamped, offscreen-paused, reduced-motion-safe (a frozen ink marbling). (pro)
- [Sonar](https://crucibleui.com/components/backgrounds/sonar): Phosphor radar scope: a rotating sweep beam with a soft angular-gradient afterglow over concentric range rings and faint azimuth spokes; seeded contacts blip awake when the beam crosses them, bloom, then decay — drifters leave breadcrumb tracks. Optional hud knob for the full instrument look. Canvas 2D, seeded, offscreen-paused, DPR-clamped, reduced-motion-safe. (free)
- [Spall](https://crucibleui.com/components/backgrounds/spall): Pixel shatter bursts: an invisible mosaic of chunky cells where a click (or seeded auto-strike) detonates a radial shockwave — struck cells flash ultraviolet, physically eject along the radius with per-cell jitter in crisp integer-snapped steps, then cool and settle home; overlapping bursts interfere additively and hover leaves a faint warm-up trail. Canvas 2D, idle-silent between bursts, seeded, offscreen-paused, reduced-motion-safe. (pro)
- [Spectra](https://crucibleui.com/components/backgrounds/spectra): White light dispersing through an off-screen prism: a fan of rays spreads from a configurable origin, each frequency band refracting at its own angle so the spectrum separates red to violet — pinched to a white-hot throat at the prism and widening with distance. Rays flicker slowly like light through moving air, a slow hue-phase drift cycles which band leads, and the pointer tilts the dispersion axis with damped easing. True premultiplied-alpha transparency composites over any backdrop; an N-stop colors gradient overrides the spectral ramp. Original OGL fragment shader, jitter-dithered, DPR-clamped, offscreen-paused, reduced-motion-safe; idles on its own when untouched — the beam sways slowly. (pro)
- [Stipple](https://crucibleui.com/components/backgrounds/stipple): An ordered-dither shader field: a drifting noise field quantized through an 8x8 Bayer matrix into chunky retro dot patterning, in risograph sepia duotone with a slowly slipping print register. Original OGL fragment shader, offscreen-paused and reduced-motion-safe; a ghost pointer keeps it moving when untouched. (free)
- [Strand](https://crucibleui.com/components/backgrounds/strand): A converging thread field: silver filaments strung between two off-screen loom anchors — ends pinned, free middles bowing under noise like threads at uneven tension. Each thread is a 1/|d| neon glow with a white-hot core and long silver falloff, depth-faded into a dim far weave; the cursor parts the field with a Gaussian bend that eases in and cascades from near threads to far. Original OGL fragment shader, DPR-clamped with a 1920px render cap, offscreen-paused, reduced-motion-safe. Idles on its own when untouched — a ghost cursor parts the threads. (free)
- [Sunset](https://crucibleui.com/components/backgrounds/sunset): A vaporwave / retrowave sunset: a big banded retro sun (its lower half cut by thickening scanline gaps) sits on the horizon over a neon perspective grid receding across a dark reflective ocean, under a chrome gradient sky (magenta → indigo → cyan) with twinkling stars, a silhouetted mountain range, and the sun's wavering reflection on the water. Original OGL fragment shader with a passive grid scroll and breathing glow, screen-space-anti-aliased grid, exponential-toned, dithered, DPR-clamped, offscreen-paused, reduced-motion-safe; a ghost pointer keeps it moving when untouched. (pro)
- [Swell](https://crucibleui.com/components/backgrounds/swell): Sprung wave lattice: depth-graded rows of smooth lines ride an orbital noise field with woven coherence while a slow autonomous swell front rolls through every ~8s. Cursor swipes inject velocity impulses along the travel direction, proportional to cursor speed, then spring home on damped Hooke springs with a tanh soft-clip on stretch. Deep-sea steel default. Canvas 2D, seeded, offscreen-paused, DPR-clamped with device-pixel-aligned strokes, reduced-motion-safe (crest frozen mid-roll); idles on its own when untouched — a seeded ghost cursor swipes through. (free)
- [Tempered](https://crucibleui.com/components/backgrounds/tempered): A scroll-scrubbed tempering shader: white-hot amber turbulence at the top of the page cools through ember red into blued violet-steel with oxidation bands — and scrolling back genuinely reheats. GSAP ScrollTrigger drives an original OGL fragment shader, with idle micro-motion, custom phase keyframes, and a static mid-temper frame under reduced motion. A ghost heat welt drifts across the metal when untouched. (pro)
- [Terminator](https://crucibleui.com/components/backgrounds/terminator): A planet's limb seen from orbit: analytic sphere with fbm continents, ocean sun-glint, drifting clouds, warm night-side city lights and a Rayleigh atmosphere rim under a starfield. The sun slowly orbits and swings with the cursor; the camera rises in on load; clicks flare stacking auroras. Original OGL shader, soft tone-mapped, offscreen-paused, reduced-motion-safe. (pro)
- [Torch](https://crucibleui.com/components/backgrounds/torch): A volumetric cutting-torch beam: a single shaft of light stands anchored at a molten ground-contact bloom and fans upward into a soft amber column, with white-hot wisps rising inside it and volumetric fog falling through. The beam leans toward the pointer and the base carries a faint uneven-gas hum. An original OGL raymarched-quad fragment shader — DPR-clamped, offscreen-paused, with a steady rest-tilt frame under reduced motion. Idles on its own when untouched — the beam sways with a slow ghost lean. (pro)
- [Trellis](https://crucibleui.com/components/backgrounds/trellis): A perspective-tilted wireframe sheet running a real wave simulation: pointer movement lays a wake of circular ripples that propagate outward, visibly interfere where wakes cross, and reflect off the edges; clicks drop a heavier stone, and a soft seeded rain plus a ghost wake with occasional stones keeps the sheet alive when idle. Wave slope bends the graphite wires and wave height lights the crests emerald with a bright-core-plus-halo glow. CPU wave grid streamed to the GPU each frame, fixed-timestep and frame-rate independent, DPR-clamped, offscreen-paused; reduced motion renders two frozen interfering ripples. (pro)
- [Umbra](https://crucibleui.com/components/backgrounds/umbra): A dark veil: black-on-black volumetric drape of domain-warped ridged fbm where only the fold crests catch a whisper of light and a deep violet undertone breathes at a tenth of a hertz — luminance hard-capped so overlay text always wins. Original OGL fragment shader, time-dithered, offscreen-paused, reduced-motion-safe. (free)
- [Warp](https://crucibleui.com/components/backgrounds/warp): A jump-to-light-speed hyperspace background: layered star-streaks accelerate radially from a vanishing point, their length breathing with a slow warp surge, their heads fringed by real chromatic aberration and lit by a colored bloom, over a soft central glow and a faint twinkling starfield. The pointer steers the vanishing point. Original OGL fragment shader, tone-mapped, dithered, DPR-clamped, offscreen-paused, reduced-motion-safe. Idles on its own when untouched — a ghost slowly steers the jump. (free)

### Text effects (19)

- [Amalgam](https://crucibleui.com/components/text/amalgam): A wordmark cast in living liquid chrome: a glyph alpha mask shaded by an original OGL metal shader — domain-warped churn, thin specular bands over dark troughs, a fresnel-lit rim, a whisper of chromatic fringing, and one crisp highlight that sweeps the full mark every few seconds, after a one-shot pour-in on first view. Polished cool steel by default; tint reaches warm bronze/gold. (pro)
- [Anneal](https://crucibleui.com/components/text/anneal): Text that resolves from a soft blur into sharp focus, staggered by word or character, when it scrolls into view. Falls back to a fade under reduced motion. (free)
- [Argon](https://crucibleui.com/components/text/argon): SVG gas-discharge tube lettering — ignition travels along each glyph's tube with a seeded strike flicker, then holds with a faint mains hum; the letter under the pointer destabilises. Neon, argon and mercury presets; fully lit and steady under reduced motion. (free)
- [Cipher](https://crucibleui.com/components/text/cipher): Characters churn through scrambled forge-rune glyphs before quenching into the final text, one at a time. Triggerable on mount, hover, or scroll into view; resolves instantly under reduced motion. (free)
- [Cleave](https://crucibleui.com/components/text/cleave): Masked line, word, or character reveal that draws text clear of hiding as it scrolls into view, each segment trailing a soft white edge glow along its baseline. (free)
- [Flux](https://crucibleui.com/components/text/flux): A word slot that cycles by melting — the outgoing word sags through a bright white heat-blur while the incoming word solidifies from the same blur, with a hairline neutral underline that stretches to each new width like drawn wire. (pro)
- [Fracture](https://crucibleui.com/components/text/fracture): Text glitches with classic red and cyan channel ghosts sheared apart by jump-cut clip-path slices, sparking at each shear line. Hover, continuous, or timed-interval triggers; freezes static under reduced motion. (free)
- [Gild](https://crucibleui.com/components/text/gild): A metallic light sweep crosses glyphs on a deliberate slow interval — a white core edged in refined champagne gold over a brushed-bronze base. Pure CSS, driven by an animated @property. (free)
- [Gyre](https://crucibleui.com/components/text/gyre): Text flowing along an SVG path on a seamless loop — circle, wave, figure-eight, arc or a custom path. Scroll velocity boosts or flips the drift, drag scrubs it with inertia, arrow keys fling it, and an intro draws the path in before the text unveils along it. Static under reduced motion. (free)
- [Kintsugi](https://crucibleui.com/components/text/kintsugi): Canvas headline that crazes like glazed ceramic: seeded branching hairline cracks race out from the cursor, then a metallic gold seam flows along every fracture; click to split the glyphs into fragments that drop and spring back before gilding. (pro)
- [Magnetize](https://crucibleui.com/components/text/magnetize): Variable-font text where each glyph swells in weight and gains a faint white glow as the cursor nears, under a steep gaussian falloff. Idles on its own when untouched; static mid-weight under reduced motion. (pro)
- [Press](https://crucibleui.com/components/text/press): A variable-font pressure headline — the line behaves as a press bed under the cursor: glyph weight swells with a gaussian falloff while nearby letters rise and letter-spacing opens around the pressure point. Idle, the weight axis breathes almost imperceptibly. Pure rAF over font-variation-settings; real text in the DOM, static mid-weight under reduced motion; a ghost pressure point sweeps the line when untouched. (free)
- [Recast](https://crucibleui.com/components/text/recast): A word that re-forms into a new one: shared letters slide along the baseline to their new home while unique letters iris in and out, then tighten a hair into their final kerning. Real selectable text, announced politely on change; swaps instantly under reduced motion. (free)
- [Sandcast](https://crucibleui.com/components/text/sandcast): Headline cast in fine gold sand: the text is sampled into grains that scatter with velocity and curl under the cursor, then trickle back home with staggered springs and a settling drift; idles on its own when untouched. (pro)
- [Scree](https://crucibleui.com/components/text/scree): A paragraph that holds its typographic line until triggered, then every word becomes a matter-js rigid body that drops, tumbles, collides, and piles at the floor — grab a fallen word and fling it. Highlight words carry the lone accent and settle atop the neutral heap. (pro)
- [Stencil](https://crucibleui.com/components/text/stencil): Canvas headline spray-painted through a cut stencil plate: seeded S-curve sweeps deposit grainy paint inside the letter cutouts with faint overspray and a few drips, then the plate lifts away to reveal the word; drag to add coats. (free)
- [Tally](https://crucibleui.com/components/text/tally): A count-up number built from odometer-style digit drums that enter with a soft white-blue cast and settle to white as they seat, with a brief neutral underline flash on settle. Locale and currency aware via Intl.NumberFormat. (free)
- [Terminus](https://crucibleui.com/components/text/terminus): A split-flap departure board — a grid of matte charcoal tiles whose hinged flaps churn through the character ring and cascade diagonally to the message, each flap landing with a gravity overbite and a shadow cast on the lower half. Only changed tiles animate; optional synthesized flap sound. (pro)
- [Typeset](https://crucibleui.com/components/text/typeset): Canvas ASCII renderer with amber-phosphor persistence: a headline (or a flowing noise field) redrawn as a weight-ramped glyph grid that pours in, shimmers, and brightens under the cursor; idles on its own when untouched. (pro)

### Cards (16)

- [Bevel](https://crucibleui.com/components/cards/bevel): A glass-refraction surface card: backdrop-blurred glass with a multi-layer bevel edge, a slow glacial-cyan caustic drifting along the top rim, and a refracted offset highlight that slides with a subtle perspective tilt on hover. Pure CSS with eased custom-property transitions; static caustics and no tilt under reduced motion; a ghost light idles across the glass when untouched. (free)
- [Casement](https://crucibleui.com/components/cards/casement): A list or grid of dark-glass cards that morph into a centered overlay via a genuine shared-element FLIP — media, title, and action travel continuously, radii stay unsheared, the frame overshoots ~1% and settles, and body copy fades up only after it lands. Full dialog semantics with focus trap, Escape, and outside-click; reduced motion swaps instantly. (free)
- [Chromacast](https://crucibleui.com/components/cards/chromacast): Palette-thief media carousel: each slide is downsampled to 32×32 and clustered (seeded k-means, k = 3) into its dominant colors, and the whole room behind the card eases to them as a drifting mesh of three blurred blobs. The outgoing card tilts back and slides away while the next one rises; caption and control ink auto-pick black or white by contrast. Arrows, dots, swipe, ←/→/Home/End, autoplay that pauses on hover, focus and offscreen, next/prev/goTo handle, seeded procedural plates. Reduced motion: crossfade with instant recolor. (pro)
- [Decal](https://crucibleui.com/components/cards/decal): A matte label stuck to a dark surface that physically peels — hover lifts and curls a corner back to reveal a lit paper-grey underside with a cyan specular rim and a growing drop shadow, while grabbing deepens the peel, leans the sticker, and drags it with weight before it settles home. Faint adhesive glue-string filaments stretch and snap as it lifts; the peel origin is a 360° knob. Coarse pointers and reduced motion get a static half-peeled frame with drag disabled. (pro)
- [Dross](https://crucibleui.com/components/cards/dross): A pixel-dissolve card: on hover or click the surface divides into a grid of cells that dissolve away — each flashes white, shrinks and drifts up as a bright particle, with the odd seeded soft-white spark — then the second face condenses back from neutral smoke. Keyboard-operable, instant crossfade under reduced motion. (pro)
- [Facet](https://crucibleui.com/components/cards/facet): A pointer-tracked 3D tilt card with spring-damped rotation and a hard-edged white-silver glare streak that sweeps the surface like light across brushed metal. Tilt disables on touch and under reduced motion, leaving a static subtle glare; a ghost light idles the tilt when untouched. (free)
- [Filament](https://crucibleui.com/components/cards/filament): An animated conic-gradient border — a white-hot filament head trailing a cool silver-blue tail that desaturates and fades to a faint slate trace. Pure CSS @property animation, zero JS, zero dependencies. (free)
- [Foundry Cipher](https://crucibleui.com/components/cards/foundry-cipher): A scramble-reveal card: churning angular neutral glyphs on near-black, with a soft-edged diamond aperture that follows the cursor and resolves glyphs at its center to bright white. A static title sits on top regardless of hover, and keyboard focus opens the aperture dead-center. A ghost aperture idles across the field when untouched. (pro)
- [Glassblow](https://crucibleui.com/components/cards/glassblow): Image card whose surface behaves like molten glass: a low-res viscous height field (heavy damping, ~1.5s relaxation) sinks a broad soft dent under the pointer, stretches an elongated pull on fast swipes, and blows stacking bubbles that swell for 400ms and pop into a relaxing ring. The image refracts through the slopes with one soft specular, faint caustics in the hollows and a thin chromatic split on steep slopes — slow and heavy, never watery. Idle ghost press, slump-flat intro, press/blow handle, seeded sea-glass plate. OGL, DPR-clamped, offscreen-paused, reduced-motion-safe. (pro)
- [Handset](https://crucibleui.com/components/cards/handset): Live 3D device mockup: a studio-lit beveled phone whose screen renders your real React children as DOM. Springs between present, landscape, exploded-stack and back poses (or scroll-scrubs via progress), drag to spin, rises in with a soft contact shadow. Offscreen-paused, reduced-motion-safe, CSS-frame fallback. (pro)
- [Ingot Grid](https://crucibleui.com/components/cards/ingot-grid): A responsive bento layout primitive — IngotGrid and IngotCell compose column/row spans into magazine-style tiles with beveled borders that brighten on hover while sibling cells dim. (free)
- [Kindle](https://crucibleui.com/components/cards/kindle): A cursor-following radial spotlight card — a soft white glow that breathes gently and brightens the nearest border edge as it passes. Pure CSS, works with arbitrary children; a dimmed ghost spotlight wanders the card when untouched. (free)
- [Oxide](https://crucibleui.com/components/cards/oxide): Image carousel that transitions through a spreading temper-color front: from the click point a noise-roughened edge creeps across the card like heat through steel, washing the outgoing picture in luminance-modulated straw, bronze, purple and blue oxide film before the next image cools in. Stacking clicks, autoplay, next/prev/goTo handle, scroll scrub, seeded procedural plates. Original OGL shader, DPR-clamped, offscreen-paused, reduced-motion crossfade. (pro)
- [Plumbline](https://crucibleui.com/components/cards/plumbline): A physics ID badge on a lanyard: a verlet-simulated strap hangs from above, the charcoal card sways with gravity and an ambient breeze, and you can grab, drag, and fling it — it swings and settles with real momentum. Hand-rolled rope physics, offscreen-paused, reduced-motion-safe; a ghost hand flicks it now and then when untouched. (pro)
- [Reel](https://crucibleui.com/components/cards/reel): A draggable, throwable rail of media cards with momentum and detent snapping (transform-only) where off-center cards rest in a quiet duotone and the centered one blooms to full contrast. Clicking a card performs a genuine shared-element expand — media and title travel into a centered detail overlay with unbroken radii, then body copy fades up. Focus-trapped dialog with Escape, outside-click, and arrow-key rail nav; reduced motion snaps instantly. (pro)
- [Voltaic](https://crucibleui.com/components/cards/voltaic): An electric turbulence border — the card's perimeter is a living arc: an SVG rounded-rect stroke deformed by animated procedural turbulence so it writhes, crackles on seeded reseeds, and periodically misfires and re-strikes, under a soft violet corona. Hover ramps the displacement. Throttled rAF that pauses offscreen; static softly-glowing border under reduced motion. (free)

### Data (10)

- [Chassis](https://crucibleui.com/components/data/chassis): A code-built browser or app-card window whose interior is a living dashboard instead of a screenshot: on scroll-in, skeleton shimmer bars resolve into real KPI tiles, a live sparkline strip, and activity rows — each panel snapping in with a one-frame brightness kiss, top-left to bottom-right — then quiet idle life keeps it breathing: the sparkline streams, a number re-rolls, a ghost cursor drifts in and clicks. Stage any children through the exported ChassisPanel boot wrapper. (pro)
- [Gauge](https://crucibleui.com/components/data/gauge): A radial sweep gauge whose arc springs to its value with a calibrated overshoot-and-settle while the center count ticks up in lockstep. Continuous, segmented-tick, and half-speedometer variants; threshold crossings shift the hue over 300ms instead of snapping. (free)
- [Ledger](https://crucibleui.com/components/data/ledger): The atomic KPI stat card, animated in three beats: the value rolls up on odometer digit drums, the sparkline scores itself in, and the delta badge stamps down last with one crisp X-flip. Live updates re-roll only the digits that changed — a meter, not a poster. (free)
- [Mercator](https://crucibleui.com/components/data/mercator): A dotted world map as a live data surface: connection arcs launch with bright comet heads, land with a two-ring radar ripple, and dock event chips by hairline leader lines. Deterministic seeded dot grid (self-contained land bitmask), static events or live callback, chart-room palette. Canvas 2D, capped arc pool, offscreen-paused, reduced-motion-safe. (pro)
- [Orrery](https://crucibleui.com/components/data/orrery): A machined dotted interactive globe: deterministic ice-white land dots on a matte graphite sphere with a whisper of rim atmosphere. Drag it with heavy desk-globe momentum and the idle spin clutches back in slowly; connection arcs launch in seeded bursts, travel with comet heads, and land with surface pulses. Camera-facing marker labels, hero-edge camera offset, one cool arc accent. Original OGL implementation — instanced point dots, DPR-clamped, offscreen-paused, full GL teardown, reduced-motion-safe. (pro)
- [Plotter](https://crucibleui.com/components/data/plotter): A self-drawing chart — line, area, or bar — that performs its data on scroll-in: axes and gridlines fade in first like ruled paper, lines trace left to right behind a bright pen tip with the gradient fill sweeping beneath, bars spring from the baseline and settle. Dataset changes morph the marks, and a tooltipTour mode walks an active tooltip across the points once after the draw. (pro)
- [Scriber](https://crucibleui.com/components/data/scriber): A tiny inline sparkline — line, gradient area, or micro-bars — that scores itself in left to right with a bright cooling tip, and can stream live data from the right with a breathing endpoint dot. Pure SVG, no chart library, no axes. (free)
- [Semaphore](https://crucibleui.com/components/data/semaphore): The uptime bar, alive — labeled status-tracker rows that stack into an ops wall with a shared time axis. Boots with a sub-second left-to-right ignition cascade on first view, pulses the newest bucket, slides new buckets in on a live interval (suspended offscreen), and raises a hover chip with bucket detail. Statuses are shape-and-brightness coded, not just hue: dim operational, notched degraded, saturated glowing incident. Pure CSS animation, zero dependencies, visually-hidden textual summary per row, static wall under reduced motion. (free)
- [Tote](https://crucibleui.com/components/data/tote): A ranked bar race — the racetrack tote board. Rows that change rank physically slide past each other FLIP-style, the overtaker lifting over its neighbor with a soft shadow before seating flush; bars re-measure with a spring, values roll to their new numbers, and the leader's value carries a subtle brightness edge. Feed it frames and it plays the classic bar-chart race on an interval (suspended offscreen), politely announcing lead changes. Includes a segmented category-proportion variant. (pro)
- [Wire](https://crucibleui.com/components/data/wire): A self-looping activity feed for marketing heroes: entries land with one confident spring and a hairline flash that cools in 400ms, siblings shuffle down, and the oldest retires under an edge fade — all on seeded, jittered news-wire cadence. Decorative counterpart to dispatch; hover pauses the feed. (free)

### AI & agent UI (8)

- [Augur](https://crucibleui.com/components/ai/augur): Assistant presence orb on 2D canvas: seeded noise-displaced blobs composited additively inside a glassy clipped sphere with Fresnel rim, soft specular and halo. Morphs per state — breathing idle, level-driven ripples while listening, folding bands and an orbit ring while thinking, pulses and a brighter core while speaking — blending over ~600ms. DPR-clamped, offscreen-paused, polite live-region announcements, a static lit frame per state under reduced motion. (pro)
- [Colloquy](https://crucibleui.com/components/ai/colloquy): Agent chat panel composing the AI set — a role="log" transcript of right-aligned user bubbles and unbubbled assistant turns (thinking disclosure, inline tool-call cards on a progress spine, an inline approval request, a streamed answer) above a pinned prompt composer. Auto-scroll follows the stream only while you're at the bottom; scrolling up detaches it behind a spring-in "Jump to latest" pill. Empty-state greeting with suggestion chips, rise-in messages, and a seeded useScriptedConversation hook that waits on approvals. Instant scroll and fades under reduced motion. (pro)
- [Murmur](https://crucibleui.com/components/ai/murmur): Streaming assistant message — each arriving word fades up into place behind a breathing caret, with paragraphs, bullet lists and inline code chips, plus a shimmering "Thinking" disclosure that springs closed to "Thought for Ns". Announces completed paragraphs politely; ships a seeded useScriptedStream hook for prototyping. (free)
- [Quota](https://crucibleui.com/components/ai/quota): A context-window / credits meter card: rolling digit headline over one segmented bar that splits usage by category, each slice springing to its width independently. Past the warn threshold the leading edge breathes an amber glow; past critical the headline turns amber and a note fades in. Optional cost line and reset countdown. (free)
- [Relay](https://crucibleui.com/components/ai/relay): Tool-call card for agent UIs — a status glyph spins an accent arc while running, closes into a drawn check on success or a rust shake on error, with a ticking elapsed timer and expandable tinted-JSON input/output. RelayGroup chains calls along a progress spine that fills as each completes. (free)
- [Sluice](https://crucibleui.com/components/ai/sluice): Prompt composer for chat UIs — an auto-growing textarea in a glass capsule with spring-in attachment chips, an optional model pill, and a send disc that morphs into a stop button while a light laps the border during generation. Enter/Shift+Enter/Escape, IME-safe, file paste, and labelled controls. (free)
- [Warrant](https://crucibleui.com/components/ai/warrant): Agent approval request card — springs up with a command or unified-diff preview and a low/medium/high risk badge, then collapses on a height spring into a one-line receipt. High-risk actions require press-and-hold (pointer or Space/Enter): an accent fill sweeps across Approve and drains back on release. Non-modal group semantics, Escape to deny, live-region outcome, stepped-opacity hold under reduced motion. (pro)
- [Waypoint](https://crucibleui.com/components/ai/waypoint): Live agent plan checklist — status markers on a vertical rail where one continuous accent line grows like mercury to the active step, which pings softly. Done steps draw a check and dim, skipped go dashed, failed turn rust; when the plan is revised, inserted steps expand in and dropped ones collapse out. Rolling counter, progress bar, ordered-list semantics with aria-current and polite announcements. (pro)

### Buttons (9)

- [Anvil](https://crucibleui.com/components/buttons/anvil): A magnetic button with the heft of forged iron — it leans toward the cursor with damped spring lag, snaps back elastically on exit, and presses like an anvil strike: sharp compression, slow spring recovery, hairline white flash at the base edge. (pro)
- [Galvanize](https://crucibleui.com/components/buttons/galvanize): An animated gradient border cycling silver to blue to violet, like electroplating in progress. Hover accelerates the rotation and thickens the ring by a pixel. Pure CSS via a masked conic gradient. (free)
- [Piston](https://crucibleui.com/components/buttons/piston): A stateful submit button that runs its async lifecycle like a piston stroke: label and spinner slide along one axis while the width breathes, a check draws itself on success, and rejection plays a shake-and-retry beat. Pass an async onClick and it owns the state machine — aria-busy, live announcements, and real disabling included. (free)
- [Plume](https://crucibleui.com/components/buttons/plume): A celebration button: click it and a seeded plume of glowing sparks erupts upward, arcs out under gravity, and fades while the pill gives a satisfying squash-and-settle. Optionally latch into a success state with a settling checkmark. Seeded canvas particles torn down the instant they fade; under reduced motion the burst becomes a calm glow (plus the check when latched). (pro)
- [Quench](https://crucibleui.com/components/buttons/quench): A click ripple that expands from the exact point of contact, like hot metal hitting water: a thin shockwave, a briefly desaturated cooled core, and ejected spark particles. Keyboard activation ripples from center. (free)
- [Ratchet](https://crucibleui.com/components/buttons/ratchet): Hold-to-confirm button for destructive actions: pressing and holding (pointer or Space/Enter) advances a 24-tooth SVG ring tooth by tooth with a click-scale, releasing early ratchets it back down faster, and completion flashes the ring, morphs the icon into a check and fires onConfirm. Real button, aria-describedby hold hint, polite live announcement, stepped-opacity fill under reduced motion. (free)
- [Ripple](https://crucibleui.com/components/buttons/ripple): A Material-style ink ripple that blooms from the exact point of contact, with a spring press-dip and rebound. Concurrent ripples stack; keyboard activation blooms from center. (free)
- [Sheen](https://crucibleui.com/components/buttons/sheen): A shimmer-sweep button. A white-silver light periodically crosses the face and brightens the rim, settling through a subtle neutral afterglow back to matte. Pure CSS, zero dependencies. (free)
- [Weld](https://crucibleui.com/components/buttons/weld): A light beam traveling the border in a continuous loop like a welding arc: a blinding white-hot head with a cool blue-white tail, corner sparks, and a fading heat discoloration. Pure CSS, corner-radius aware via offset-path. (free)

### Navigation (7)

- [Bellows](https://crucibleui.com/components/navigation/bellows): A dock whose icons magnify under the cursor with wave falloff to neighbors on spring physics — the swelling icon brightens with a soft white glow, neighbors catch a dimmer silver spill, and a soft reflection tracks the cursor across the plate. Keyboard focus magnifies like hover; coarse pointers get plain tap targets. (pro)
- [Buoy](https://crucibleui.com/components/navigation/buoy): Floating action button that springs open an arc of glass bubble actions — buoyant overshoot with a bottom-up stagger, asynchronous idle bob, liquid squash on toggle, and a single coral accent on the active bubble. Full menu-button keyboard support with Escape to close. (free)
- [Detent](https://crucibleui.com/components/navigation/detent): Animated tabs with a shared-layout sliding pill indicator that flashes white as it lands and rests as a neutral pill with a subtle top hairline. Full roving-tabindex keyboard support with arrow keys, Home/End, and correct tablist/tab/tabpanel roles. (free)
- [Dock](https://crucibleui.com/components/navigation/dock): A macOS-style magnifying dock: the tile under the cursor swells to a peak scale and its neighbours follow on a Gaussian falloff, rolling a magnification wave along the row on spring physics. Its signature is the launch bounce — activating a tile fires the classic dock leap (spring up, squash on landing, settle) while an accent dot marks running tiles. Real links/buttons with labelled tooltips, a roving-tabindex toolbar (Arrow keys move, Home/End jump), and a static, tooltip-only fallback under reduced motion. (pro)
- [Lodestar](https://crucibleui.com/components/navigation/lodestar): A floating pill navbar — a frosted near-black bar with a subtle white bottom hairline — that hides on scroll down and reveals on scroll up. Scroll-velocity aware, and never hides while any child has keyboard focus. (free)
- [Pantograph](https://crucibleui.com/components/navigation/pantograph): Morphing flyout nav where one shared dark-glass panel slides and resizes between triggers instead of closing and reopening — an anticipation-stretch morph with a caret that tracks the active trigger and content that crossfades in from the direction of travel. Hover-intent grace, full disclosure semantics (focus opens, Escape closes, arrow keys move triggers), and instant repositioning under reduced motion. (free)
- [Solder](https://crucibleui.com/components/navigation/solder): Gooey tabs whose active indicator is a bead of liquid chrome: on selection it stretches toward the target through an SVG gooey filter like mercury, the connective neck thins and breaks with silver droplets that fall and dim, then the bead settles to dark chrome with a metallic sheen and mirror-bright core. Full tablist semantics with arrow-key navigation. (pro)

### Cursors (8)

- [Cinderfall](https://crucibleui.com/components/cursors/cinderfall): A cursor spark trail: stardust sheds off the pointer white, falls under gravity while dimming through silver to a transparent fade, and fast strokes throw proportionally more — with the occasional heavy spark that bounces once on an invisible floor. Scoped to its container by default, idles on its own when untouched, and turns off under reduced motion. (pro)
- [Cohort](https://crucibleui.com/components/cursors/cohort): Scripted multiplayer cursors over any content: named pointers glide on curved, slightly overshooting springs to percent or [data-cohort] targets, then click with ripples, drag selections, type comment bubbles and float emoji reactions — concurrently and on loop. Pauses politely when a real pointer enters, sleeps offscreen, and parks at first targets under reduced motion. (free)
- [Eddy](https://crucibleui.com/components/cursors/eddy): A WebGL fluid-simulation cursor trail: pointer strokes inject ink into a curl-noise-advected flow field (ping-pong framebuffers) that swirls, marbles, and slowly dissipates, paling as it disperses. Deep ultramarine on a transparent canvas, scoped to its container, coarse-pointer- and reduced-motion-safe; clicks stack heavier blots and it idles on its own when untouched. (pro)
- [Imprint](https://crucibleui.com/components/cursors/imprint): Letterpress image trail: pointer travel stamps a pile of proofs that land with a settle, a seeded tilt, a registration double and an ink-spread shadow, then fade and desaturate like aging paper. Clicks stack larger proofs, a seeded ghost path keeps printing when idle, and an imperative stamp(x, y) handle; reduced motion rests on a static corner pile. (free)
- [Lantern](https://crucibleui.com/components/cursors/lantern): A spotlight cursor: wraps any content, dims the surface, and cuts a soft radial light that spring-follows the pointer to reveal what's beneath — ringed by a faint warm falloff and flaring brighter on press (rapid presses stack). Children stay interactive; idles on its own when untouched, and settles to a static centered spotlight under reduced motion. (free)
- [Reticle](https://crucibleui.com/components/cursors/reticle): A target-bracket cursor: four neutral corner brackets with bright white inner edges ride the pointer, then snap to frame any element matching a selector with an overshoot-then-bite clamp, a single white spark at each corner on contact, and a soft hairline frame while locked. Scoped or global, never follows coarse pointers; idles on its own when untouched, touring the targets. (pro)
- [Slipstream](https://crucibleui.com/components/cursors/slipstream): A spring-smoothed cursor follower: a soft bead of light that stretches into a teardrop at speed, brightening to white in motion and settling neutral at rest. Scoped to its container by default, opt into page-wide with `global`, never follows coarse pointers, scales up over [data-cursor-target] elements, and idles on its own when untouched. (free)
- [Wisp](https://crucibleui.com/components/cursors/wisp): A ribbon-trail cursor: a smooth, tapering comet ribbon chases the pointer with eased catch-up, fattening on fast strokes and thinning to nothing at the tail beneath a soft glowing head. Collapses gracefully and pauses when the pointer stops; idles on its own when untouched. Scoped to its container by default, auto-disabled on coarse pointers, and reduced to a quiet motion-free dot under reduced motion. (pro)

### Scroll (8)

- [Millrace](https://crucibleui.com/components/scroll/millrace): An infinite marquee whose speed and skew react to scroll velocity, smoothed so it never jitters. Stamped outline text fills bright white past a velocity threshold; hover slows it to a crawl, it idles offscreen, and reduced motion freezes it to a static outline row. (free)
- [Rolling Mill](https://crucibleui.com/components/scroll/rolling-mill): A scroll-scrubbed container rotator with a beveled slab face: a gunmetal plate starts tilted back in 3D perspective and rotates flat while scaling up as it scrolls through the viewport, header text traveling in coordinated motion, cool white edge-light glowing at max tilt and dimming upright, and a neutral reflection band sliding down the plate face with the angle. (pro)
- [Runnel](https://crucibleui.com/components/scroll/runnel): A vertical tracing beam that draws itself along your content as the user scrolls, its white-to-blue-violet stroke tipped with a glowing white head. (free)
- [Shingle](https://crucibleui.com/components/scroll/shingle): A scroll-pinned card stack: full-width cards slide up and seat at a fixed point with a 2px settle-and-lock, then pile into a receding deck as later cards pin over them — depth carried by cool desaturation, a hair of scale and a soft downward shadow, never color. Reverses cleanly and falls back to a plain legible list under reduced motion. (free)
- [Sightline](https://crucibleui.com/components/scroll/sightline): A pinned scroll section where an inline media card grows to full-bleed through a shaped SVG aperture (rounded, circle, pill or any custom path) — corners relax to square, a scrim rises, and the caption rides the aperture's edge before settling as an overlay. Reduced motion skips the pin for a static crossfade. (free)
- [Strata](https://crucibleui.com/components/scroll/strata): A pinned scroll section that scrubs an image sequence like a product turntable — pass your own frames or get a seeded faceted gem rendered and cached on the fly, loaded coarse-to-fine behind a hairline progress bar, with neighbour crossfades and captions that fade in at their progress points. (pro)
- [Stratum](https://crucibleui.com/components/scroll/stratum): A scroll-linked vertical timeline: dated entries with sticky pinned titles, a progress beam that draws down the spine, and node dots that ignite with an escapement pop as the beam reaches them. (free)
- [Surface](https://crucibleui.com/components/scroll/surface): A composable in-view reveal wrapper with fade/slide/scale/blur presets and staggered children. Default melt preset rises and sharpens with a soft white under-glow, like surfacing out of the dark. (free)

### Loaders (6)

- [Billet](https://crucibleui.com/components/loaders/billet): Content-shaped skeleton placeholder — matte graphite blocks crossed by a single cool-white light pass (heat-pass timing, not a conveyor). Card / text / circle / rect presets compose to prefigure any layout; @property-driven, zero dependencies, role=status + aria-busy, gentle opacity breathe under reduced motion. (free)
- [Bitmap](https://crucibleui.com/components/loaders/bitmap): Chunky 8-bit pixel loader — a hard-edged grid that fills cell-by-cell. Determinate bar (with a pulsing frontier) or an indeterminate marching band, plus a crisp bitmap-radar spinner that snaps cell-to-cell via steps(). Zero dependencies, SSR-safe, role=progressbar with aria-valuenow; collapses to a designed static frame under reduced motion. (free)
- [Flywheel](https://crucibleui.com/components/loaders/flywheel): Four machined CSS spinners — ring, dots-orbit, segmented, dual-ring — selected by variant. Conic-gradient comet head cooling to a blue-silver tail over a recessed groove; currentColor-driven, zero dependencies, lit resting frame under reduced motion. (free)
- [Meniscus](https://crucibleui.com/components/loaders/meniscus): A scroll-progress bar that reads as liquid filling a channel — a cool blue-to-white gradient with a white leading bead that glows while scrolling and settles to a solid neutral fill at 100%. (free)
- [Orbit](https://crucibleui.com/components/loaders/orbit): A cosmic orbital loader: electrons ride tilted elliptical rings around a white-hot, breathing nucleus, each on a seeded phase with a Keplerian-ish period and a soft comet trail. Counter-rotating planes cross like an atom; one cool accent by default, multicolor via colors. Parks at a lit static frame under reduced motion. (pro)
- [Smelt](https://crucibleui.com/components/loaders/smelt): A staged multi-step loader: pending steps are cold gray stampings, the active step glows white under a shimmering underline, and completion quenches it into a checkmark stamped in a calm neutral — advancing on heavy mechanical detents. (pro)

### Utility (22)

- [Aperture](https://crucibleui.com/components/utility/aperture): A trigger button that irises open in place into a compact form — one continuous surface through invite, input, pending, and confirmation. Measured FLIP with radius continuity, fields fading up after the frame lands; while async onSubmit is in flight a thin conic arc sweeps the submit control, then the surface exhales into a confirmation chip and returns to rest. Real form semantics, full focus trap, Escape and outside-click reverse the morph, reduced-motion crossfades. (pro)
- [Armature](https://crucibleui.com/components/utility/armature): Orbiting icon rings around a fixed center slot. Compose Armature + ArmatureRing for a multi-radius orbital system with per-ring speed, direction, and an optional eccentric elliptical ring. Pure CSS, pause-on-hover. (free)
- [Atlas](https://crucibleui.com/components/utility/atlas): Infinite pannable canvas — grab and throw a modulo-tiled grid of cards across an unbounded plane with weighted momentum, a faint coordinate grid that rises only while in motion, velocity parallax, and a soft edge vignette. Arrow-key panning and focusable tiles. (pro)
- [Beacon](https://crucibleui.com/components/utility/beacon): A dynamic-island status pill that fluidly morphs between size presets — a minimal indicator, a compact row, a wide media bar, and a tall card. Width, height, and corner radius are spring-coupled as one liquid shape that overshoots ~1% and beads down like mercury, while the content restacks in lockstep, the outgoing line sliding down and under the incoming. Sequenceable for guided flows, keyboard-expandable, and announced through an aria-live status region. (pro)
- [Caliper](https://crucibleui.com/components/utility/caliper): Before/after comparison slider that clips a leading layer with a draggable divider. Machinist's-caliper hairline with tick marks, a knurled grip, a live vernier readout, and a 50% detent. Accepts arbitrary children, keyboard-accessible, hover/drag/autoplay modes. (free)
- [Conduit](https://crucibleui.com/components/utility/conduit): An animated beam connecting two DOM nodes via refs — a dark groove path carrying a blue-to-white slug of light that travels into the destination and flashes a white rim-glow on receipt. Curved, reversible, resize-aware. (free)
- [Cullet](https://crucibleui.com/components/utility/cullet): Liquid-glass surface primitive: backdrop blur plus an SVG feDisplacementMap generated from the element's own size — edge-weighted refraction with a per-channel prismatic split, a cyan/magenta chromatic rim, a pointer-leaning specular highlight and a surface-tension wobble. Render it as a pill, rounded tile, circle, button or link; CulletLens is a pointer-following magnifier with idle drift and keyboard walking. Refraction renders in Chromium; Safari and Firefox fall back to frosted blur + rim. (pro)
- [Dispatch](https://crucibleui.com/components/utility/dispatch): An imperatively-fired toast system: call toast() anywhere and one Toaster piles the results into a receding 3D stack — hover fans it to full rows, and each dismisses on timeout, click, or swipe-throw while the survivors exhale up one slot. Promise toasts morph the icon in place; a feed mode streams a masked column. role=status live regions, Escape-dismiss, reduced-motion-safe. (pro)
- [Escapement](https://crucibleui.com/components/utility/escapement): Ratcheting numeric stepper — digits roll with an overshoot-click spring settle, a brass pawl flicks on every step, and hold-to-repeat accelerates like a wound mechanism. Proper spinbutton semantics with arrow keys, Home/End, and live value announcement. (free)
- [Frieze](https://crucibleui.com/components/utility/frieze): A calm, always-on brand marquee / logo cloud. Loops horizontally or vertically, reversible, with gradient edge-fade masks, a hairline baseline, an optional 3D-perspective tilt, and per-mark lift-on-hover. Pure CSS at constant velocity, pause-on-hover. (free)
- [Hatch](https://crucibleui.com/components/utility/hatch): Bottom sheet that closes by physics: pull the machined handle down and release past a distance or velocity threshold to dismiss along your throw, else it springs back. Scrim coupled to sheet position, logarithmic over-pull, critically-damped snap-back, focus-trapped and scroll-locked. (free)
- [Haze](https://crucibleui.com/components/utility/haze): A progressive blur edge — stacked backdrop-filter layers with overlapping mask gradients ramp content from sharp to fully blurred through a container or viewport edge, with an optional tint wash. The iOS-style depth idiom for scrolling lists, floating toolbars, and hero bottoms. Pure CSS, zero JS at runtime. (free)
- [Loupe](https://crucibleui.com/components/utility/loupe): Magnifier lens that turns any child — image, SVG, or subtree — into an inspectable surface. Spring-smoothed pointer follow or a pinned mode, a machined bezel with a velocity-driven specular arc, focus-blur on the surface behind, and full keyboard walking. Pure transform/clip compositing, zero canvas; a ghost lens drifts over the surface when untouched. (free)
- [Manifest](https://crucibleui.com/components/utility/manifest): A ⌘K command palette: a spring-seated glass search box over a scrim with a fuzzy-filtered, keyboard-driven list of grouped commands and pages. A shared-layout pill slides between rows, matched substrings ignite to full contrast, and rows with children push a nested page in from the right. Full combobox a11y, focus trap, ⌘K/Ctrl-K toggle, and controlled open. (pro)
- [Marginalia](https://crucibleui.com/components/utility/marginalia): Margin notes for prose — inline marks get a hand-drawn pen underline that draws in on view; hover, focus or click reveals each note in a gutter rail aligned to its line, collision-stacked and joined to the word by a hairline leader that draws out to it. Notes take any content (images, charts), fold into inline expanding blocks on narrow containers, and preview once in a ghost reading pass. Marks are real buttons with aria-expanded/aria-controls and Escape to close. (pro)
- [Placard](https://crucibleui.com/components/utility/placard): An animated tooltip / hover-card that springs up on hover or focus. The dark-glass card follows the pointer with a subtle velocity-keyed 3D tilt, scales in from 90%, flips on collision, and carries a single cool accent hairline. Fully accessible — role=tooltip, focus + Escape/blur dismissal, aria-describedby wiring — and idle-silent until engaged; reduced motion falls back to an anchored fade. (free)
- [Plenum](https://crucibleui.com/components/utility/plenum): R3F z-axis gallery fly-through: frames mounted on fresnel-edged glass panes float down a corridor in an alternating left/right rhythm; wheel, drag or arrow keys fly the camera through with eased banking while passing panes dissolve and fog swallows the distance. Click or Enter glides square-on to a pane, Escape returns. Idle drift loops seamlessly via recycled panes; offscreen-paused, reduced-motion-safe, CSS fallback. (pro)
- [Reeded](https://crucibleui.com/components/utility/reeded): Architectural reeded glass over an image or video: each vertical flute refracts a compressed, mirrored slice through a convex lens profile, with a slow cool specular line, edge grooves and a faint chromatic split. The pointer fogs the pane with condensation that clears in streaks along the reeds, clicks stack breath blooms, an idle ghost breathes across, and the flutes sweep in from flat glass on first view. Ships a seeded procedural dusk plate when no src is given. OGL, DPR-clamped, offscreen-paused, reduced-motion-safe. (pro)
- [Sparks](https://crucibleui.com/components/utility/sparks): A celebratory spark burst fired imperatively via ref: elongated white, silver, and pale-blue streaks fan outward, fall under gravity, and burn out bright-to-dark, with a fraction bouncing once. Pooled particles, auto-cleanup, offscreen-paused. (free)
- [Spindle](https://crucibleui.com/components/utility/spindle): R3F film-bobbin gallery: frames on a continuous sprocketed film strip wound helically around a reel, unwinding frame by frame into a flat contact strip as you scroll. Drag to spin or pan, arrow keys to browse, click or Enter to lift a frame into a lightbox. Off-focus duotone, idle spin, offscreen-paused, reduced-motion-safe. (pro)
- [Telegraph](https://crucibleui.com/components/utility/telegraph): A self-contained terminal that types a scripted session on its own — macOS window chrome, command lines typing behind a cool prompt sigil with a blinking block caret, output blocks fading in whole, auto-sequenced on scroll-into-view. Real selectable text, single active-line rAF that pauses offscreen, fully static under reduced motion. (free)
- [Vault](https://crucibleui.com/components/utility/vault): Dome-style circular drag gallery on a CSS 3D perspective ring — drag, throw, or scroll to spin with inertia and detent snapping while off-focus panels rest in museum duotone and the front panel blooms to full color. Arrow keys rotate; panels are focusable with announced captions. (pro)

### Sections (26)

- [Annals](https://crucibleui.com/components/sections/annals): Changelog section block: release entries on a scroll-linked spine with sticky version and date, change items grouped into colored New / Improved / Fixed / Deprecated chips, procedural screenshot plates and a collapsible "Show N more changes". Multi-select kind filters collapse non-matching items with height animation, search highlights matches with <mark>, the newest release wears a single-pulse Latest badge, and a Subscribe button morphs into an inline email field with async pending/success/error states. (free)
- [Assay FAQ](https://crucibleui.com/components/sections/assay-faq): A disclosure-semantic FAQ accordion: measured height animation via motion, a hairline amber heat-line down the open item's left edge, and a plus indicator that rotates with a brief ember-glow on toggle. Arrow-key/Home/End focus movement between questions, one open at a time by default with an allowMultiple knob, instant open/close with no glow under reduced motion. (pro)
- [Casebook](https://crucibleui.com/components/sections/casebook): B2B customer-stories section block: a strip of original customer wordmarks acts as a tablist with a sliding accent underline and auto-advance progress line; the featured story crossfades in with a word-staggered pull quote, seeded avatar attribution and a metric rail rolling on Tally digit drums; below, an industry-filtered (Detent) story grid re-flows with layout springs, each card carrying seeded procedural cover art, cursor tilt and a hover-revealed read link. (pro)
- [Control Room](https://crucibleui.com/components/sections/control-room): A live monitoring feature grid: a hairline-bordered 2×2 of living data vignettes — a giant odometer-rolling uptime stat, a self-drawing latency chart, a pulsing world map with landing arcs, and a scrolling activity feed — booting in a diagonal stagger from the headline stat, then settling to a low idle intensity. Composed from Tally, Plotter, Mercator, and Wire; panels accept custom children. (pro)
- [Crucible CTA](https://crucibleui.com/components/sections/crucible-cta): The closing call-to-action band: headline and subhead over a contained, subtle Ember rise, an Anvil-struck primary CTA beside a quiet secondary link, and a one-shot Sparks burst fired the first time the band scrolls into view (IntersectionObserver, once, skipped under reduced motion). All copy and both effects are prop-controlled. (pro)
- [Drawbench](https://crucibleui.com/components/sections/drawbench): A pinned how-it-works section: scroll advances a step list while a beam draws down its rail and each step's illustration assembles on a blueprint stage — dashed wireframe boxes resolving into a filled UI vignette (form, chart, toggles, team). Steps double as a keyboard tablist that jumps the scroll. (pro)
- [Fold](https://crucibleui.com/components/sections/fold): A neutral-elegant FAQ accordion of soft stacked cards: the open row lifts a hair off the stack, its chevron spins up in one accent hue, and the answer unfolds by hinging down from the top edge over a measured height animation. Full disclosure semantics with aria-expanded/aria-controls, labelled region panels, and Up/Down/Home/End focus movement; single-open by default with a singleOpen knob; instant open/close with the open row resting lifted under reduced motion. (free)
- [Forge Hero](https://crucibleui.com/components/sections/forge-hero): The flagship landing hero: logo + nav header, a gilded headline and subhead over the Molten shader pour, and an Anvil-struck primary CTA beside a quiet secondary link. Every content knob is a prop — the Forgewright copy is only the default — and the background node is fully swappable. (pro)
- [Foundry Features](https://crucibleui.com/components/sections/foundry-features): A bento features section: six feature cells with minimal forge-tool stroke icons laid out on the IngotGrid primitive with varied column spans, a Conduit beam flourish tracing push → pour in the lead cell, and staggered Surface melt reveals as cells scroll into view. (pro)
- [Guild](https://crucibleui.com/components/sections/guild): About & team section block: a mission statement with an oversized stat row rolling in on Tally digit drums, a team grid of seeded generative portraits that rest as an accent duotone and warm to full color on hover or focus with a slide-up bio panel, a Detent department filter that re-flows the grid with layout springs, and a numbered values list whose rules draw in. (free)
- [Hallmarks](https://crucibleui.com/components/sections/hallmarks): A trusted-by logo cloud section in three variants: a marquee belt composed from Frieze, a grid whose logos ignite from ghost to full contrast in a seeded stamp-landing scatter on scroll-in, and a relay row where one slot at a time plate-flips to a logo not currently shown. Marks sit grayscale and dimmed at rest, lift to full contrast on hover, and are height-normalized; eyebrow/heading framing included. Renders as a static full-contrast grid under reduced motion. (pro)
- [Ingot Stats](https://crucibleui.com/components/sections/ingot-stats): A stats band stamped like a steel plate: four big tabular numerals counting up via Tally digit drums on scroll into view, hairline amber dividers between stats, quiet labels beneath, and subtle top/bottom plate borders. Responsive 2-up to 4-up row. (pro)
- [Inlay](https://crucibleui.com/components/sections/inlay): The living bento: a six-tile features grid where every tile performs a real micro-demo instead of an icon — search that types and filters, a switch that unlocks a row, a bar chart that redraws, named cursors over a mini doc, ⌘K keycaps that pop a palette, and a packet syncing two devices. A staggered idle loop keeps about two tiles performing; hover, focus or tap takes a tile over, with a cursor-follow accent border light. (pro)
- [Lanes](https://crucibleui.com/components/sections/lanes): Kanban board section on plain pointer events: drag cards within and between lanes as a lifted, velocity-tilted preview while siblings re-flow FLIP-style around a placeholder, the target lane lights up, and the card springs into its slot on release. Fully keyboard operable (Space to pick up, arrows to move, Space to drop, Escape to cancel) with live-region announcements, per-lane WIP limits that turn the header amber, and controlled or uncontrolled state. (pro)
- [Lintel](https://crucibleui.com/components/sections/lintel): Brand-agnostic landing hero in three layouts behind one shared header (logo, nav, sign-in + CTA, focus-trapped menu sheet under 640px): frame — a product window tilted back in perspective that flattens as the hero scrolls over a pooling accent glow; split — copy beside a CSS phone whose screen push-cycles three app screens; centered — a word-by-word blur-reveal headline, announcement pill and trust row over a drifting dot grid. Staggered intro, idle loops that pause on hover, focus and offscreen. (pro)
- [Manifold](https://crucibleui.com/components/sections/manifold): Integrations directory section block: searchable, Detent-filtered grid of seeded geometric app marks with badges and connected chips that re-flows on layout springs, a cursor-follow accent border glow, a featured hero row, and a detail sheet (side or bottom, focus-trapped) where a Conduit beam joins your app to the integration — async Connect carries light down the beam and morphs to Connected with a Disconnect ghost. (free)
- [Millstream Social](https://crucibleui.com/components/sections/millstream-social): A social-proof section: testimonial quotes on quiet Kindle spotlight cards flowing through velocity-reactive Millrace marquees — two counter-flowing rows on desktop, one on mobile — slowing to a crawl on hover, with a screen-reader-only static list so each quote is heard once and a static wrapped grid under reduced motion. (pro)
- [Misfire](https://crucibleui.com/components/sections/misfire): A full-width 404 section in three variants — a knock-over-able physics "404" pile (Scree), a sonar scope behind a "Signal lost" readout (Sonar), and a split-flap board that keeps trying the route and lands on NOT FOUND (Terminus). Real h1, labelled search form, home link, suggestion chips; settled frames under reduced motion. (pro)
- [Muster](https://crucibleui.com/components/sections/muster): Waitlist section block: an email capsule that spring-morphs into a confirmation card with your queue number rolling on Tally digit drums, a copyable referral link, and a seeded avatar stack the joiner drops into. Async onJoin with pending/error states, shake-on-invalid validation, and a contact variant. (pro)
- [Parley](https://crucibleui.com/components/sections/parley): Contact section that routes before it asks: topic chips (Sales / Support / Press / Other) reshape the form with layout animation — fields glide in and out, the submit label and expected-reply line change. Blur validation with a shake, async pending → drawn-check success or an inline error that keeps every value, plus channel cards with copy-to-clipboard and an office card with an abstract SVG street plate and pulsing pin. (free)
- [Pennant](https://crucibleui.com/components/sections/pennant): Announcement bar + cookie consent. Pennant is a slim top bar that rotates short messages with a vertical slide (paused on hover/focus, hairline progress meter), rolls an odometer countdown to a deadline and collapses on a height spring when dismissed, remembered via storageKey. Consent is a non-modal cookie card that rises into a bottom corner (full-width bar under 640px) with Accept / Reject / Customize; Customize grows the same card into per-category switches with Necessary locked on, reports onDecision, persists choices and reopens via ref from a footer link. (free)
- [Rostrum](https://crucibleui.com/components/sections/rostrum): An animated testimonials rotator: a fanned stack of portraits shuffles like a hand of cards as it advances — front full-colour, the ones behind cooled to a duotone — while the quote crossfades beside it with words annealing from blur to focus. Autoplays on an interval, pausing on hover, focus, hidden tab and offscreen, with previous/next buttons, dots, a play/pause toggle, arrow-key nav and a paused-only live region. Reduced motion swaps instantly and never autoplays. (pro)
- [Slipway](https://crucibleui.com/components/sections/slipway): App-download section block: headline, a rating row whose stars fill in sequence while the review count rolls on Tally drums, Detent platform tabs that swap store badges and requirements, and a QR card with a seeded module grid and scan-line sweep. A CSS phone frame runs a swipeable, auto-advancing screen carousel with dot pagination and a floating callout chip tethered by a drawn leader line. (pro)
- [Smeltery Pricing](https://crucibleui.com/components/sections/smeltery-pricing): A three-tier pricing section: an accessible monthly/annual radiogroup toggle (annual = two months free) flips prices via Tally odometer drums, the featured tier is raised inside a Filament traveling-border card with a Sheen CTA, and quiet bordered cards carry the rest. Custom-priced tiers ignore the toggle. Stacks at 360px, three-up on desktop. (pro)
- [Tailstock](https://crucibleui.com/components/sections/tailstock): Big site footer: link columns that collapse to 2-up then <details> accordions via container queries, a labelled async newsletter form, social row, live status pill and legal row — signed by an oversized wordmark that rises through a clip-path curtain with a letter stagger and one sheen sweep. Compact variant drops the wordmark. (pro)
- [Touchstone](https://crucibleui.com/components/sections/touchstone): Feature comparison matrix in two modes — plans (3–4 pricing columns) or versus (your product framed in the accent against alternatives). Collapsible row groups, a sticky name/price/CTA header that frosts once pinned, checks that draw in row by row, row hover with floating hints, column-header dimming, and a one-column view with a segmented picker and swipe under 640px. Real table semantics. (pro)

### App UI blocks (14)

- [Almanac](https://crucibleui.com/components/app/almanac): Scheduling widget in three panes: a host card with duration chips, a keyboard-navigable month grid with availability dots and direction-aware month slides, and a day's time slots that cascade in, with a 12h/24h toggle and an IANA time-zone select (plain Intl, no date library). Picking a slot splits it into Confirm, then a details form slides in, an async onBook runs, and the button morphs into a confirmation card with a drawn check and an .ics Add to calendar button. (pro)
- [Bursar](https://crucibleui.com/components/app/bursar): Billing settings page as one block: a plan card with a seat bar and an inline plan switcher (monthly/annual toggle, Tally-rolled prices, live proration line, async onChangePlan), a retention-flow cancel dialog (reason → discount offer → confirm), usage meters that spring to width with warn/overage states and drawn 30-day sparklines, a CSS payment card that flips in 3D to an edit form with grouped card-number entry and inline billing-contact editing, and an invoice table with expanding line items, per-row download, failed-payment retry and cascading Load more. Presentation only — use a PCI-compliant card element in production. (pro)
- [Crate](https://crucibleui.com/components/app/crate): File manager pane: collapsing breadcrumb path, grid/list views that FLIP between layouts, sort menu, subtree search with highlighted matches, drag-box marquee + ⌘/Shift multi-select with a spring-up Move / Download / Delete bar, drag-to-folder moves, inline rename and New folder, a docked details pane, right-click / Shift+F10 context menu, and drop-anywhere uploads with per-file progress rings via async onUpload. Folders open with a direction-aware slide; the grid is a roving-focus role=grid. (pro)
- [Docket](https://crucibleui.com/components/app/docket): Full-featured client-side data table block on a real <table>: debounced search with highlighted matches, per-column filter checklists, column visibility and density, tri-state sorting where rows FLIP to their new positions, shift-click range selection with a spring-up bulk action bar (rolling count, confirm-to-delete), expandable detail rows, sticky header and first column, rolling pagination, an empty state, and roving arrow-key focus with aria-sort and live announcements. (pro)
- [Fallow](https://crucibleui.com/components/app/fallow): Empty-state block with five presets (no results, first run, error, offline, inbox zero) and a custom mode. Each preset has an original 1.5px line illustration with one accent detail and a three-cycle idle loop, plus title, description, primary action, secondary link, suggestion chips and an async retry button that runs pending to success. (free)
- [Gantry](https://crucibleui.com/components/app/gantry): App shell block: a workspace switcher, sectioned sidebar nav with height-animated nested groups, an active pill that slides between items, Tally badges that roll on change, a pinned footer card and a user menu; the sidebar springs between full width and an icon rail (toggle or `[`) with label flyouts and nested flyout menus; the topbar carries breadcrumbs, a ⌘K manifest command palette and a tocsin notifications bell; under 720px of container width the sidebar becomes a swipe-to-close drawer with a focus trap. Controlled collapsed / activeId, skip link and a <main> landmark. (pro)
- [Gloss](https://crucibleui.com/components/app/gloss): Threaded comments block for a doc, issue or PR page: an auto-growing composer with bold / code / link toolbar, caret-anchored @mention autocomplete painted as tokens right in the textarea and ⌘/Ctrl+Enter to send; optimistic posting that dims with a spinner, flashes the accent on success and offers Retry / Discard on failure; six-emoji reactions whose chips spring in and roll their counts on Tally drums (yours accent-outlined, hover lists who reacted); one-level replies that collapse to "Show N more replies"; resolvable threads that fold into a receipt line; inline edit, confirm-to-delete and copy-link actions on a roving toolbar; an "N new replies" pill for comments that arrive via ref.receive() while you're scrolled away; Oldest/Newest sort and a polite live region. (pro)
- [Primer](https://crucibleui.com/components/app/primer): Multi-step onboarding wizard in a card: a numbered step rail whose track fills to the current step (completed nodes draw a check, reached steps stay clickable), direction-aware sliding step bodies with a springing card height, and schema-driven step kinds — name + role chips, workspace name with a live typed slug preview and async availability check, email-chip invites with a role, preference toggle cards, and a review summary with Edit jumps. Per-step validation shakes and explains, Enter advances, Back keeps answers, and Finish fires a spark burst and onComplete(values). (pro)
- [Rigging](https://crucibleui.com/components/app/rigging): Settings page block: schema-driven sections with a sliding section nav (tabs or scroll-spy), validated inputs, a counted bio, avatar uploader, spring switches, theme radio cards and Quorum segmented controls. Any change slides up a dirty-state save bar — async onSave drives pending, error and a fading Saved chip; Reset springs every field back. Danger zone actions use Ratchet hold-to-confirm. (free)
- [Sift](https://crucibleui.com/components/app/sift): Structured filter bar for any list or table: a + Filter popover that slides property → operator → value (type-ahead fields, per-type operators, checkbox listbox, number range, and a range-selecting month calendar with presets), spring-in chips you edit in place part by part, an and/or toggle, saved views that crossfade chip sets with inline Save view, Clear all, and a result count rolling on Tally drums. Controlled or uncontrolled, keyboard-first (F, arrows, Backspace), with a pure applyFilters() helper to drive your rows. (free)
- [Steward](https://crucibleui.com/components/app/steward): In-app support messenger block: a round launcher with a Tally unread badge that morphs (shared layout) into a 380×600 panel — a full-screen sheet on phones — with Home / Messages / Help tabs. Home has a team avatar stack, reply-time line, system-status strip, highlighted article search, recent conversation and a message CTA. Messages pushes from a thread list into a role="log" conversation with grouped bubbles, typing dots, delivered/read ticks, attachment chips, a hand-off card and a Sluice composer with optimistic send + retry. Help pushes categories → article reader with "Was this helpful?" that collapses into a thanks line. ref.receive() types then delivers, bouncing the launcher once when closed. Escape closes and restores focus; crossfades under reduced motion. (pro)
- [Tocsin](https://crucibleui.com/components/app/tocsin): Notification center block: a bell whose unread badge rolls on Tally digit drums and swings once when something arrives, opening an anchored dialog (or inline panel) with All / Mentions / Archived tabs on Detent, sticky Today / Yesterday / Earlier groups, rich-text rows with avatars or system glyphs, inline Accept/Decline that collapse into a receipt, swipe-left or hover-button archive with a height collapse, staggered Mark all read, and push() that slides new items in with an accent flash. Roving keyboard focus with R / E shortcuts and a polite live region. (pro)
- [Tollgate](https://crucibleui.com/components/app/tollgate): In-app upgrade / paywall block: TollgateLock dims any feature behind a frosted veil with a Pro chip that lifts on hover, and its Upgrade button morphs into a focus-trapped upgrade dialog — usage meter at its limit, monthly/annual toggle with savings badge, plan radio cards with Tally-rolled prices, a ticking unlock list and async onUpgrade that bursts Sparks into “You're on Pro” and lifts every lock under the provider. Presentation only — gate for real server-side. (pro)
- [Wicket](https://crucibleui.com/components/app/wicket): Auth card block covering every flow — sign in, sign up, magic link, OTP/2FA, forgot and reset password — morphing between steps with direction-aware slides and a spring height. SSO buttons with per-button spinners, password reveal + caps-lock warning, a 4-segment strength meter with a live rule checklist, an envelope that folds shut on 'Check your inbox' with a resend countdown, Passcode cells that auto-submit and shake on a wrong code, and async callbacks driving pending, a slide-in error banner and a drawn-check success state. (free)

### Themes (10)

- [Brutal](https://crucibleui.com/components/themes/brutal): A self-contained neo-brutalist theme preset — a flat white card with hard 3px black borders, a solid blur-free offset drop-shadow, chunky mono type, a loud accent block, a stat, a rotated corner sticker, and two buttons. Interactive blocks do the classic brutalist nudge toward their shadow on hover and press. A keyboard-operable radiogroup of accent swatches re-tokens the whole panel live; the palette is fully exposed via presets and colors. Pure CSS — reduced motion pins every block to its raised resting pose. (free)
- [Editorial](https://crucibleui.com/components/themes/editorial): A self-contained glossy-magazine theme preset — a single-column feature with a small-caps kicker and issue rule, a high-contrast serif display headline, an italic standfirst, a small-caps byline, a drop-cap opening, a hairline-barred pull-quote, and a pair of buttons, all breathing in generous whitespace with one disciplined ink accent. A keyboard-operable radiogroup of surface chips re-tokens the whole page live (warm Ivory, cool Slate, dim night-reading Ink); the only motion is a soft CSS color crossfade on switch, and reduced motion makes every swap instant and fully static. (pro)
- [Gazette](https://crucibleui.com/components/themes/gazette): A print / newspaper theme preset: a warm-newsprint editorial panel with a serif masthead, a red section kicker, folio rules, a spanning headline with an italic deck, a small-caps byline, justified body columns with column rules and a drop-cap, and a genuine halftone-dot photo. The switcher cycles editions, swapping content and paper tone (cream / gray / sepia) with a soft page crossfade. ARIA tablist over a tabpanel; reduced motion swaps instantly. (pro)
- [Glass](https://crucibleui.com/components/themes/glass): A self-contained glassmorphism theme preset — a frosted, translucent panel with a white top-edge highlight, soft inner glow, and 1px light border floating over a soft, vibrant blurred gradient ground that shows through, with nested glass chips for layered depth. A keyboard-operable radiogroup of mood chips re-tints the ground and accents live (Aqua / Violet / Peach) while the frost stays; reduced motion pins the drifting orbs to a calm static frosted frame. (pro)
- [Meridian](https://crucibleui.com/components/themes/meridian): A day/night theme switch built as a miniature diorama: the sun sets and the moon rises along a shallow arc, the sky crossfades through dusk, clouds drift out, and stars ignite staggered once the moon seats. A real role=switch with keyboard toggle; controlled or uncontrolled. (free)
- [Mono](https://crucibleui.com/components/themes/mono): A self-contained Swiss-minimal theme preset — a stark black-and-white (or paper-and-ink) panel on a strict grid: tight neo-grotesque heading, numbered hairline spec rows, generous negative space, and exactly one restrained accent. A keyboard-operable radiogroup of accent swatches re-tokens the panel live and a role=switch flips light/dark; the palette is fully exposed via accents and colors. The only motion is an accent rule that draws across the top, pinned to its full frame under reduced motion. (free)
- [Neon](https://crucibleui.com/components/themes/neon): A self-contained cyberpunk theme preset: electric accents on near-black, thin CRT scanlines, condensed monospace type, and hard-edged HUD chrome with corner brackets. A seeded, subtle glitch tears the heading into a chromatic split, and a built-in radio switcher swaps the accent between yellow, cyan, and magenta. Reduced motion drops the glitch for a clean static HUD. (pro)
- [Pastel](https://crucibleui.com/components/themes/pastel): A self-contained soft-pastel theme preset — a generously rounded card with heading, body, stat, tag, and buttons in a low-contrast candy palette over a dreamy tinted gradient, with soft shadows, drifting color orbs, and optional grain. A keyboard-operable radiogroup of hue chips (Mint / Peach / Lavender / Sky) re-tokens the whole panel live; the orbs pin to a calm static pose under reduced motion. (free)
- [Phosphor](https://crucibleui.com/components/themes/phosphor): A themed panel styled as a monochrome CRT monitor: a dark vignetted screen with glowing selectable monospace text, fine scanlines, a slow refresh-bar roll, and a blinking block caret. The built-in switcher recoats the tube between amber, green, and paper-white phosphor. Pure CSS; reduced motion holds a steady glow. (free)
- [Vice](https://crucibleui.com/components/themes/vice): A self-contained synthwave theme preset — card, buttons, stat, and tag in hot-magenta → cyan neon on deep indigo, with a sunset gradient, a scanlined sun rising over a perspective grid, and a chrome-italic display heading. A keyboard-operable radiogroup of vibe chips re-tokens the whole panel live; every glow pins to a bold static frame under reduced motion. (free)

### Inputs (7)

- [Hopper](https://crucibleui.com/components/inputs/hopper): A file-upload dropzone over a faint coordinate grid: dragging a file over it lifts the zone and brightens the grid, and dropped files seat in as stacked cards showing name, size, and type — each removable by pointer or keyboard. Backed by a real hidden file input with type, size, and count validation; the zone opens the native picker on click, Enter, or Space. (free)
- [Passcode](https://crucibleui.com/components/inputs/passcode): A segmented one-time-code input: a row of single-character cells backed by real inputs. Typing seats each digit with a soft pop and advances focus, Backspace retreats, arrow keys move, and paste or SMS autofill distributes across cells. The focused empty cell shows an animated caret in an accent ring; a complete code flashes success and fires onComplete. Fully keyboard and screen-reader accessible with a mobile numeric keypad. (free)
- [Quorum](https://crucibleui.com/components/inputs/quorum): A segmented control: 2–5 options with a single shared-layout pill that springs behind the active choice while its label ignites to full contrast and a faint accent bloom pulses on settle. Real radio semantics — role=radiogroup/radio, roving tabindex, Arrow/Home/End keyboard, focus-visible. Controlled or uncontrolled. The pill snaps under reduced motion. (free)
- [Roster](https://crucibleui.com/components/inputs/roster): A tag / multi-select input over a real <input>. Type and press Enter or comma to pop in a removable chip; an optional suggestion pool filters as you type into a keyboard-navigable listbox, with a duplicate guard and a live-region announcing every add and remove. Backspace on an empty field peels the last chip; chips are focusable and removable with Delete. Neutral with one cool accent; reduced motion adds and removes instantly. (free)
- [Throw](https://crucibleui.com/components/inputs/throw): Slide-to-commit track and swipe-action rows. Throw: drag the knob (or arrow to 100% and press Enter) past the threshold and it snaps home, floods the track and turns into a check; the label shimmers and fades as the knob passes, early releases spring back. ThrowRow: swipe a list row to reveal leading/trailing actions with rubber-banding and scale-in icons; a full swipe past 60% fires the primary and the row collapses on a height spring. Slider semantics, arrow-key reveal, ref handles; tweens only under reduced motion. (free)
- [Tumbler](https://crucibleui.com/components/inputs/tumbler): 3D drum picker — rows ride a perspective cylinder, flick to spin with momentum that lands on a detent, the centred row lit between accent rule lines. Drag, touch, wheel notches, tap-a-row and full keyboard (arrows, PageUp/Down, Home/End, type-ahead). Listbox or spinbutton semantics; TumblerGroup shares one band across drums for time and date pickers. Flat list under reduced motion. (free)
- [Winnow](https://crucibleui.com/components/inputs/winnow): A search input whose empty placeholder cycles (each sliding up as the next arrives), and whose typed text — on submit — rasterizes into fine grains that pour off left-to-right and blow away, clearing the field. A hairline underline fills in from center to one cool accent on focus. The submit is genuine; the vanish is decoration. (free)

### Templates (14)

- [Agency](https://crucibleui.com/components/templates/agency): A one-page site for a creative / development studio: a sticky Lodestar pill header, an oversized editorial hero with a word-by-word blur reveal and a pulsing availability chip, a staggered selected-work grid of tilting Facet tiles with seeded procedural cover art and hover reveals, numbered services that expand to deliverables, Casebook client results, a pinned Drawbench process, the Guild team, a routed Parley contact form and a Tailstock wordmark footer — every string a prop, any section droppable, one vermilion accent flowing through every block. (pro)
- [Atelier](https://crucibleui.com/components/templates/atelier): A monochrome-elegant portfolio one-pager: oversized editorial hero, an indexed selected-work list with a cursor-following gradient art panel, services strip, studio statement, and a magnetized contact footer — all props-driven with one brass accent. (pro)
- [Auth](https://crucibleui.com/components/templates/auth): A split-screen sign-in / create-account template: a branded left panel (logo, an oversized value line, checkmarked highlights, and a soft WebGL gradient mesh) beside a centered card that toggles between Sign in and Create account. Labeled email + password fields with a reveal toggle, a genuine validating submit (email format + minimum length, a pending state, and an aria-live error slot), an OAuth / SSO row of generic providers, plus forgot-password and switch-mode links. One signature accent knob; the WebGL surface freezes and every reveal pins its resting pose under reduced motion; the brand panel hides below lg where a compact brand header sits above the full-width card. (pro)
- [Blog](https://crucibleui.com/components/templates/blog): An editorial blog home template: a serif masthead with slim nav and a subscribe button, a two-column featured essay over graded cover art with an Anneal headline, a recent-posts grid of Kindle spotlight cards with topic chips and initials bylines, a browse-by-topic rail, a newsletter sign-up card, and a multi-column footer — every string a prop, one warm-terracotta accent knob. (pro)
- [Codex](https://crucibleui.com/components/templates/codex): A developer-tool docs landing template: slim nav, Cipher-scrambled headline, copy-to-clipboard install pill, a fake terminal that types a query session line-by-line, Kindle quickstart cards, a numbers-forward feature strip, CTA band, and footer — every string a prop, one emerald accent knob. (pro)
- [Dashboard](https://crucibleui.com/components/templates/dashboard): A dense, dark admin/analytics shell for a commerce back office: a collapsible sectioned icon-rail sidebar, a topbar with search, notifications, and user chip, a row of KPI stat cards with odometer count-ups, trend chips, and mini sparklines, a large seeded SVG area chart, a revenue-by-channel bar list, a recent-orders table, and an interactive tasks checklist — every string, series, and row rebrandable through props. (pro)
- [Docs](https://crucibleui.com/components/templates/docs): A three-column documentation page template: a grouped left sidebar with the current page highlighted, a center article (breadcrumb, Anneal-revealed title, lead, and rich prose with headings, lists, note/tip/warning callouts, inline code, copyable fenced code blocks, and a self-typing Telegraph terminal), and a right on-this-page rail that scroll-spies the active heading. The rail hides at large-and-below and the sidebar collapses to a mobile disclosure — every string a prop, one cool indigo accent knob. (pro)
- [Fintech](https://crucibleui.com/components/templates/fintech): A business-banking product landing page for the fictional "Keelson": sticky header, a hero with email capture and a code-built payment card that tilts with a holographic sheen above a live account panel (Tally balance, transactions sliding in), an FX ticker + Ledger stat band, a feature grid of working UI vignettes (spend controls, multi-currency, instant payouts), a security & compliance band with a disclaimer slot, a Touchstone plan comparison, a Slipway app download, Hallmarks + Casebook customer proof, an Assay FAQ and a Tailstock footer with a regulatory disclaimer — every section a prop, one accent. (pro)
- [Foundry](https://crucibleui.com/components/templates/foundry): A complete one-page landing template: hero, stats, features, testimonials, pricing, FAQ, closing CTA, and footer assembled from the seven Crucible section blocks. Rebrand it entirely through props — every section's full API is exposed, and any section can be dropped. (pro)
- [Personal](https://crucibleui.com/components/templates/personal): A warm, elegant personal home base: an intro hero with a monogram avatar and a live "now" line, a set of big tappable link rows, a "currently" highlight grid, a recent-writing list, and a magnetized contact footer — link-in-bio meets personal homepage, entirely props-driven with one warm accent. (pro)
- [Portfolio](https://crucibleui.com/components/templates/portfolio): A full single-page portfolio landing template for a developer or designer: a striking hero (name, role, one-line pitch) over a soft WebGL gradient mesh, a selected-work grid of tilting Facet cards, a count-up metrics band, an about + skills section, a compact experience timeline, and a contact footer — every string a prop, one cool indigo accent knob, fully reduced-motion-safe. (pro)
- [Pricing](https://crucibleui.com/components/templates/pricing): A full premium-dark pricing page: eyebrow + headline + subhead header with a real keyboard-operable monthly/annual toggle that live-updates every price, a three-tier plan-card row with one accent-ringed most-popular card and per-tier feature checklists and CTAs, a grouped feature-comparison table with check/dash cells, an FAQ accordion composed from Fold, and a closing CTA band — every string, tier, comparison row, and FAQ a prop, one cool-indigo accent knob. (pro)
- [Saas](https://crucibleui.com/components/templates/saas): A full SaaS / product landing page for the fictional observability platform "Kelvin": sticky nav, a hero over one soft WebGL mesh with an Anneal word-reveal subhead, a logo-cloud strip, a tilting Facet feature grid, a bento "how it works" section with faux telemetry art, a Tally count-up metrics band, a Rostrum testimonial rotator, a three-tier pricing teaser, a closing CTA band, and a multi-column footer — every string a prop, one cool azure accent knob, fully reduced-motion-safe. (pro)
- [Switchboard](https://crucibleui.com/components/templates/switchboard): A dark, dense SaaS dashboard on the gantry app shell: collapsible icon-rail sidebar with mobile drawer, topbar with breadcrumbs, ⌘K command palette, and notifications bell, spotlight stat cards with odometer count-ups, a pure-CSS bar-chart panel with sliding range tabs, a recent-activity feed, and a services table — every region rebrandable through props. (pro)

## Tools

- [Background Studio](https://crucibleui.com/tools/studio): A live shader playground: pick any Crucible animated background, tune its knobs over a full-bleed preview, drop in a fake hero to feel it as a landing page, then copy the ready-to-paste JSX.
- [Palette Tool](https://crucibleui.com/tools/palette): Design a Crucible theme in OKLCH: live preview against real components, then export as a CSS @theme block, Tailwind v4 tokens, or an installable shadcn registry theme.
- [Easing Designer](https://crucibleui.com/tools/easing): Design a cubic-bezier easing curve with a live, draggable graph and watch it drive real motion — translate, scale, rotate, and width — in real time. Export as cubic-bezier(), a CSS transition, or a Motion/Framer transition snippet.
- [Gradient & Glow Designer](https://crucibleui.com/tools/glow): Design multi-stop gradients (linear, radial, conic) and layered glow/shadow bloom stacks with a live preview on a dark stage, then export the CSS background, box-shadow/filter, and Tailwind v4 arbitrary classes.
- [Shadow Studio](https://crucibleui.com/tools/shadow): Design smooth, layered box-shadows the premium way — a stack of several shadows, not one flat blur. Drive a tasteful multi-layer elevation from light angle, height, and softness, or hand-tune every layer, then export CSS, a Tailwind v4 arbitrary class, and a drop-shadow filter variant.
- [Section Divider Generator](https://crucibleui.com/tools/divider): Design SVG section dividers — waves, curves, slants, triangles, zigzags, arrows, splits and organic blobs — live between two contrasting sections. Tune amplitude, height, complexity, flip and fill, then export paste-ready SVG markup, a React component, or a CSS data-URI background.
- [Gradient Mesh Generator](https://crucibleui.com/tools/mesh): Build a soft, blurry aurora-style mesh gradient by dropping and dragging color points on a live canvas — tune softness, base color, and film grain, then export paste-ready CSS, SVG, or a React component.
- [Noise & Grain Generator](https://crucibleui.com/tools/noise): Design a tileable film-grain / noise overlay live on a sample surface — tune grain intensity, size, detail, monochrome vs colored, and blend mode, then export a paste-ready CSS SVG-filter data-URI, a raw SVG, or a self-contained React overlay component.
- [Type Scale Generator](https://crucibleui.com/tools/typescale): Build a modular typographic scale from a base size and ratio — minor third, major third, perfect fourth, golden, or custom. Preview every step live with px/rem and line-height, then export CSS custom properties, a Tailwind v4 @theme block, or plain CSS classes.
- [Border Radius & Squircle Designer](https://crucibleui.com/tools/radius): Tune each corner radius independently or linked, live on a real preview box, then switch to a smooth iOS-style squircle with a Figma-style smoothing slider. Export the CSS border-radius shorthand, a Tailwind v4 arbitrary class, and — in squircle mode — a paste-ready SVG clip-path and path().

## Key pages

- [All components](https://crucibleui.com/components): browse the full component catalog.
- [Backgrounds](https://crucibleui.com/backgrounds): the animated & WebGL background gallery.
- [Tools](https://crucibleui.com/tools): ten free design tools.
- [Compare](https://crucibleui.com/compare): how Crucible compares to hand-rolling UI and other animated-UI libraries.
- [Crucible vs React Bits](https://crucibleui.com/compare/react-bits): React Bits alternative, compared fact by fact with sources.
- [Crucible vs Aceternity UI](https://crucibleui.com/compare/aceternity-ui): Aceternity UI alternative, compared fact by fact with sources.
- [Crucible vs Magic UI](https://crucibleui.com/compare/magic-ui): Magic UI alternative, compared fact by fact with sources.
- [Crucible vs Motion Primitives](https://crucibleui.com/compare/motion-primitives): Motion Primitives alternative, compared fact by fact with sources.
- [Roadmap](https://crucibleui.com/roadmap): what is shipping next.
- [Pricing](https://crucibleui.com/pricing): one-time purchase, lifetime access to all pro components + MCP.