---
name: "@crucible"
slug: "crucible"
description: "Animated React components with real heat: 100+ free, MIT-licensed WebGL and canvas backgrounds, text effects, cards, data viz, and AI chat UI. TypeScript, Tailwind v4, reduced-motion safe."
category: "Animated components"
tags: ["3d", "ai", "animation", "backgrounds", "cards", "charts", "gaming", "hooks", "maps", "onboarding", "pro-available", "retro", "text-effects"]
framework: "react"
license: null
author: null
website: "https://crucibleui.com"
github: null
registry: "https://crucibleui.com/r/registry.json"
pro: true
pro_url: "https://crucibleui.com/pricing"
github_stars: null
component_count: 118
generated_at: "2026-10-20T06:35:22.791Z"
---

# @crucible

Animated React components with real heat: 100+ free, MIT-licensed WebGL and canvas backgrounds, text effects, cards, data viz, and AI chat UI. TypeScript, Tailwind v4, reduced-motion safe.

## Links

- Website: https://crucibleui.com
- Registry JSON: https://crucibleui.com/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/crucible
- This file: https://sh4dcn.vercel.app/md/crucible.md
- Pro / pricing: https://crucibleui.com/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://crucibleui.com/r/registry.json
pnpm dlx shadcn@latest add https://crucibleui.com/r/registry.json
bunx shadcn@latest add https://crucibleui.com/r/registry.json
# fetch the raw registry index
curl -s https://crucibleui.com/r/registry.json
```

## Components (118)

| name | type | description | install |
| --- | --- | --- | --- |
| annals | registry:block | Changelog section block: release entries on a scroll-linked spine with sticky version and date, change items grouped into colored New / Improved / Fixed / Depr… | `npx shadcn@latest add https://crucibleui.com/r/annals.json` |
| anneal | registry:ui | 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. | `npx shadcn@latest add https://crucibleui.com/r/anneal.json` |
| arc | registry:ui | An electric-storm background: seeded midpoint-displacement lightning bolts fork down from a faint cloud glow toward random ground points, drawn as layered stro… | `npx shadcn@latest add https://crucibleui.com/r/arc.json` |
| arcade | registry:ui | 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 fla… | `npx shadcn@latest add https://crucibleui.com/r/arcade.json` |
| argon | registry:ui | 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 t… | `npx shadcn@latest add https://crucibleui.com/r/argon.json` |
| armature | registry:ui | Orbiting icon rings around a fixed center slot. Compose Armature + ArmatureRing for a multi-radius orbital system with per-ring speed, direction, and an option… | `npx shadcn@latest add https://crucibleui.com/r/armature.json` |
| bevel | registry:ui | 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 … | `npx shadcn@latest add https://crucibleui.com/r/bevel.json` |
| billet | registry:ui | Content-shaped skeleton placeholder — matte graphite blocks crossed by a single cool-white light pass (heat-pass timing, not a conveyor). Card / text / circle … | `npx shadcn@latest add https://crucibleui.com/r/billet.json` |
| bitmap | registry:ui | 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 cris… | `npx shadcn@latest add https://crucibleui.com/r/bitmap.json` |
| bokeh | registry:ui | 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 lay… | `npx shadcn@latest add https://crucibleui.com/r/bokeh.json` |
| brutal | registry:ui | 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 acc… | `npx shadcn@latest add https://crucibleui.com/r/brutal.json` |
| buoy | registry:ui | 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 t… | `npx shadcn@latest add https://crucibleui.com/r/buoy.json` |
| caliper | registry:ui | 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 vernie… | `npx shadcn@latest add https://crucibleui.com/r/caliper.json` |
| cascade | registry:ui | Digital code rain: monospace glyph columns fall with bright white-hot heads and exponentially-fading cyan-steel trails, glyphs scrambling as the light passes, … | `npx shadcn@latest add https://crucibleui.com/r/cascade.json` |
| casement | registry:ui | 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 s… | `npx shadcn@latest add https://crucibleui.com/r/casement.json` |
| cathode | registry:ui | 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… | `npx shadcn@latest add https://crucibleui.com/r/cathode.json` |
| cinder | registry:ui | 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 … | `npx shadcn@latest add https://crucibleui.com/r/cinder.json` |
| cipher | registry:ui | 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; res… | `npx shadcn@latest add https://crucibleui.com/r/cipher.json` |
| cleave | registry:ui | 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. | `npx shadcn@latest add https://crucibleui.com/r/cleave.json` |
| coalesce | registry:ui | 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 ri… | `npx shadcn@latest add https://crucibleui.com/r/coalesce.json` |
| cohort | registry:ui | Scripted multiplayer cursors over any content: named pointers glide on curved, slightly overshooting springs to percent or [data-cohort] targets, then click wi… | `npx shadcn@latest add https://crucibleui.com/r/cohort.json` |
| conduit | registry:ui | 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 … | `npx shadcn@latest add https://crucibleui.com/r/conduit.json` |
| confetti | registry:ui | Celebration confetti: seeded chips and streamers fall under gravity with per-piece spin, tumble (foreshortening flip with a shadowed backface) and flutter. Ope… | `npx shadcn@latest add https://crucibleui.com/r/confetti.json` |
| contour | registry:ui | 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 le… | `npx shadcn@latest add https://crucibleui.com/r/contour.json` |
| corona | registry:ui | A classic aurora: draping vertical light curtains fold and sway with height, threaded with shimmering ray filaments over a faint twinkling starfield, in teal, … | `npx shadcn@latest add https://crucibleui.com/r/corona.json` |
| detent | registry:ui | 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-ta… | `npx shadcn@latest add https://crucibleui.com/r/detent.json` |
| draft | registry:ui | 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, dither… | `npx shadcn@latest add https://crucibleui.com/r/draft.json` |
| eclipse | registry:ui | 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 … | `npx shadcn@latest add https://crucibleui.com/r/eclipse.json` |
| ember | registry:ui | 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 updra… | `npx shadcn@latest add https://crucibleui.com/r/ember.json` |
| escapement | registry:ui | 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 … | `npx shadcn@latest add https://crucibleui.com/r/escapement.json` |
| facet | registry:ui | 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. … | `npx shadcn@latest add https://crucibleui.com/r/facet.json` |
| fallow | registry:block | 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 … | `npx shadcn@latest add https://crucibleui.com/r/fallow.json` |
| filament | registry:ui | 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 @pro… | `npx shadcn@latest add https://crucibleui.com/r/filament.json` |
| filings | registry:ui | 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 whi… | `npx shadcn@latest add https://crucibleui.com/r/filings.json` |
| fireflies | registry:ui | 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 f… | `npx shadcn@latest add https://crucibleui.com/r/fireflies.json` |
| flurry | registry:ui | 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 ti… | `npx shadcn@latest add https://crucibleui.com/r/flurry.json` |
| flywheel | registry:ui | 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 reces… | `npx shadcn@latest add https://crucibleui.com/r/flywheel.json` |
| fold | registry:block | 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 … | `npx shadcn@latest add https://crucibleui.com/r/fold.json` |
| fracture | registry:ui | 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-int… | `npx shadcn@latest add https://crucibleui.com/r/fracture.json` |
| frieze | registry:ui | A calm, always-on brand marquee / logo cloud. Loops horizontally or vertically, reversible, with gradient edge-fade masks, a hairline baseline, an optional 3D-… | `npx shadcn@latest add https://crucibleui.com/r/frieze.json` |
| galvanize | registry:ui | 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.… | `npx shadcn@latest add https://crucibleui.com/r/galvanize.json` |
| gauge | registry:ui | 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-t… | `npx shadcn@latest add https://crucibleui.com/r/gauge.json` |
| gild | registry:ui | 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… | `npx shadcn@latest add https://crucibleui.com/r/gild.json` |
| guild | registry:block | 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 res… | `npx shadcn@latest add https://crucibleui.com/r/guild.json` |
| gyre | registry:ui | 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… | `npx shadcn@latest add https://crucibleui.com/r/gyre.json` |
| hatch | registry:ui | 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 sprin… | `npx shadcn@latest add https://crucibleui.com/r/hatch.json` |
| haze | registry:ui | A progressive blur edge — stacked backdrop-filter layers with overlapping mask gradients ramp content from sharp to fully blurred through a container or viewpo… | `npx shadcn@latest add https://crucibleui.com/r/haze.json` |
| hopper | registry:ui | 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 … | `npx shadcn@latest add https://crucibleui.com/r/hopper.json` |
| imprint | registry:ui | 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 fa… | `npx shadcn@latest add https://crucibleui.com/r/imprint.json` |
| ingot-grid | registry:ui | A responsive bento layout primitive — IngotGrid and IngotCell compose column/row spans into magazine-style tiles with beveled borders that brighten on hover wh… | `npx shadcn@latest add https://crucibleui.com/r/ingot-grid.json` |
| kindle | registry:ui | 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 arbi… | `npx shadcn@latest add https://crucibleui.com/r/kindle.json` |
| lantern | registry:ui | 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 fa… | `npx shadcn@latest add https://crucibleui.com/r/lantern.json` |
| latticework | registry:ui | 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-st… | `npx shadcn@latest add https://crucibleui.com/r/latticework.json` |
| ledger | registry:ui | 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 … | `npx shadcn@latest add https://crucibleui.com/r/ledger.json` |
| lodestar | registry:ui | 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 awa… | `npx shadcn@latest add https://crucibleui.com/r/lodestar.json` |
| loupe | registry:ui | 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 w… | `npx shadcn@latest add https://crucibleui.com/r/loupe.json` |
| louver | registry:ui | 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 … | `npx shadcn@latest add https://crucibleui.com/r/louver.json` |
| manifold | registry:block | Integrations directory section block: searchable, Detent-filtered grid of seeded geometric app marks with badges and connected chips that re-flows on layout sp… | `npx shadcn@latest add https://crucibleui.com/r/manifold.json` |
| meniscus | registry:ui | 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 t… | `npx shadcn@latest add https://crucibleui.com/r/meniscus.json` |
| meridian | registry:ui | 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, … | `npx shadcn@latest add https://crucibleui.com/r/meridian.json` |
| millrace | registry:ui | 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 thresh… | `npx shadcn@latest add https://crucibleui.com/r/millrace.json` |
| mono | registry:ui | 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… | `npx shadcn@latest add https://crucibleui.com/r/mono.json` |
| murmur | registry:ui | Streaming assistant message — each arriving word fades up into place behind a breathing caret, with paragraphs, bullet lists and inline code chips, plus a shim… | `npx shadcn@latest add https://crucibleui.com/r/murmur.json` |
| ogl-canvas | registry:lib | A reusable client harness for fullscreen fragment-shader backgrounds. Manages uTime/uResolution/uPointer uniforms, clamps DPR, pauses offscreen and on hidden t… | `npx shadcn@latest add https://crucibleui.com/r/ogl-canvas.json` |
| pantograph | registry:ui | Morphing flyout nav where one shared dark-glass panel slides and resizes between triggers instead of closing and reopening — an anticipation-stretch morph with… | `npx shadcn@latest add https://crucibleui.com/r/pantograph.json` |
| parley | registry:block | 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… | `npx shadcn@latest add https://crucibleui.com/r/parley.json` |
| passcode | registry:ui | 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 r… | `npx shadcn@latest add https://crucibleui.com/r/passcode.json` |
| pastel | registry:ui | 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 … | `npx shadcn@latest add https://crucibleui.com/r/pastel.json` |
| pennant | registry:block | 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)… | `npx shadcn@latest add https://crucibleui.com/r/pennant.json` |
| phosphor | registry:ui | 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… | `npx shadcn@latest add https://crucibleui.com/r/phosphor.json` |
| piston | registry:ui | 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 its… | `npx shadcn@latest add https://crucibleui.com/r/piston.json` |
| placard | registry:ui | 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 fro… | `npx shadcn@latest add https://crucibleui.com/r/placard.json` |
| plasma | registry:ui | 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 c… | `npx shadcn@latest add https://crucibleui.com/r/plasma.json` |
| press | registry:ui | 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… | `npx shadcn@latest add https://crucibleui.com/r/press.json` |
| quench | registry:ui | 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 spa… | `npx shadcn@latest add https://crucibleui.com/r/quench.json` |
| quorum | registry:ui | 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 ac… | `npx shadcn@latest add https://crucibleui.com/r/quorum.json` |
| quota | registry:ui | A context-window / credits meter card: rolling digit headline over one segmented bar that splits usage by category, each slice springing to its width independe… | `npx shadcn@latest add https://crucibleui.com/r/quota.json` |
| ratchet | registry:ui | 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, r… | `npx shadcn@latest add https://crucibleui.com/r/ratchet.json` |
| recast | registry:ui | 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 t… | `npx shadcn@latest add https://crucibleui.com/r/recast.json` |
| relay | registry:ui | 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 … | `npx shadcn@latest add https://crucibleui.com/r/relay.json` |
| retro-forge | registry:ui | A synthwave horizon: a perspective plane of glowing magenta grid lines scrolling toward the viewer, melting into a layered violet horizon bloom, with an option… | `npx shadcn@latest add https://crucibleui.com/r/retro-forge.json` |
| rigging | registry:block | Settings page block: schema-driven sections with a sliding section nav (tabs or scroll-spy), validated inputs, a counted bio, avatar uploader, spring switches,… | `npx shadcn@latest add https://crucibleui.com/r/rigging.json` |
| ripple | registry:ui | 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 blo… | `npx shadcn@latest add https://crucibleui.com/r/ripple.json` |
| roster | registry:ui | 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 … | `npx shadcn@latest add https://crucibleui.com/r/roster.json` |
| runnel | registry:ui | 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. | `npx shadcn@latest add https://crucibleui.com/r/runnel.json` |
| sateen | registry:ui | 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 — swe… | `npx shadcn@latest add https://crucibleui.com/r/sateen.json` |
| scriber | registry:ui | 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… | `npx shadcn@latest add https://crucibleui.com/r/scriber.json` |
| semaphore | registry:ui | 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… | `npx shadcn@latest add https://crucibleui.com/r/semaphore.json` |
| sheen | registry:ui | 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. Pu… | `npx shadcn@latest add https://crucibleui.com/r/sheen.json` |
| shingle | registry:ui | 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 o… | `npx shadcn@latest add https://crucibleui.com/r/shingle.json` |
| sift | registry:block | Structured filter bar for any list or table: a + Filter popover that slides property → operator → value (type-ahead fields, per-type operators, checkbox listbo… | `npx shadcn@latest add https://crucibleui.com/r/sift.json` |
| sightline | registry:ui | 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… | `npx shadcn@latest add https://crucibleui.com/r/sightline.json` |
| slag | registry:ui | 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 slo… | `npx shadcn@latest add https://crucibleui.com/r/slag.json` |
| slipstream | registry:ui | 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. S… | `npx shadcn@latest add https://crucibleui.com/r/slipstream.json` |
| sluice | registry:ui | 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… | `npx shadcn@latest add https://crucibleui.com/r/sluice.json` |
| sonar | registry:ui | Phosphor radar scope: a rotating sweep beam with a soft angular-gradient afterglow over concentric range rings and faint azimuth spokes; seeded contacts blip a… | `npx shadcn@latest add https://crucibleui.com/r/sonar.json` |
| sparks | registry:ui | 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-da… | `npx shadcn@latest add https://crucibleui.com/r/sparks.json` |
| stencil | registry:ui | 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 … | `npx shadcn@latest add https://crucibleui.com/r/stencil.json` |
| stipple | registry:ui | 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 … | `npx shadcn@latest add https://crucibleui.com/r/stipple.json` |
| strand | registry:ui | A converging thread field: silver filaments strung between two off-screen loom anchors — ends pinned, free middles bowing under noise like threads at uneven te… | `npx shadcn@latest add https://crucibleui.com/r/strand.json` |
| stratum | registry:ui | 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 escape… | `npx shadcn@latest add https://crucibleui.com/r/stratum.json` |
| surface | registry:ui | 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-g… | `npx shadcn@latest add https://crucibleui.com/r/surface.json` |
| swell | registry:ui | 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… | `npx shadcn@latest add https://crucibleui.com/r/swell.json` |
| tally | registry:ui | 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… | `npx shadcn@latest add https://crucibleui.com/r/tally.json` |
| telegraph | registry:ui | 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… | `npx shadcn@latest add https://crucibleui.com/r/telegraph.json` |
| throw | registry:ui | 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… | `npx shadcn@latest add https://crucibleui.com/r/throw.json` |
| tumbler | registry:ui | 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, tou… | `npx shadcn@latest add https://crucibleui.com/r/tumbler.json` |
| umbra | registry:ui | 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 breath… | `npx shadcn@latest add https://crucibleui.com/r/umbra.json` |
| use-dpr-cap | registry:hook | Subtree-wide devicePixelRatio ceiling for GPU components. Wrap a gallery of shaders in DprCapContext to trade sharpness for fill rate without touching each com… | `npx shadcn@latest add https://crucibleui.com/r/use-dpr-cap.json` |
| use-reduced-motion | registry:hook | SSR-safe hook that tracks prefers-reduced-motion. Required by every animated Crucible component. | `npx shadcn@latest add https://crucibleui.com/r/use-reduced-motion.json` |
| use-visibility-pause | registry:hook | RAF loop that pauses offscreen (IntersectionObserver) and on hidden tabs. Required by every shader/canvas/R3F component. | `npx shadcn@latest add https://crucibleui.com/r/use-visibility-pause.json` |
| vice | registry:ui | 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 risin… | `npx shadcn@latest add https://crucibleui.com/r/vice.json` |
| voltaic | registry:ui | 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, crac… | `npx shadcn@latest add https://crucibleui.com/r/voltaic.json` |
| warp | registry:ui | A jump-to-light-speed hyperspace background: layered star-streaks accelerate radially from a vanishing point, their length breathing with a slow warp surge, th… | `npx shadcn@latest add https://crucibleui.com/r/warp.json` |
| weld | registry:ui | 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 h… | `npx shadcn@latest add https://crucibleui.com/r/weld.json` |
| wicket | registry:block | 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… | `npx shadcn@latest add https://crucibleui.com/r/wicket.json` |
| winnow | registry:ui | 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 o… | `npx shadcn@latest add https://crucibleui.com/r/winnow.json` |
| wire | registry:ui | 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 … | `npx shadcn@latest add https://crucibleui.com/r/wire.json` |

## For AI agents

```text
You are adding components from @crucible to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/crucible.md) for the component list.
2. Fetch the machine-readable index: https://crucibleui.com/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: crucible).
```