Prism
The registry

Primitives for humans and agents.

Each primitive is published as an open shadcn registry manifest — source, dependencies, and install targets in one JSON file. A developer copies it; an AI agent installs it with one command. No account, no SDK.

Agents: read the index first
$curl https://prism.icglabs.co/r/index.json

Returns every item with its manifest URL at https://prism.icglabs.co/r/<id>.json.

Then install any item
$npx shadcn@latest add https://prism.icglabs.co/r/particle-field.json

Pulls the source, deps, and target paths into the project automatically.


Full-screen domain-warped GLSL noise refracted through a color spectrum. Pointer-reactive, resolution-independent, zero geometry.

three@react-three/fiber
$npx shadcn@latest add https://prism.icglabs.co/r/shader-field.json

6k GPU particles conjured into a glowing Fibonacci sphere with additive blending + bloom. Pass any palette to re-skin.

three@react-three/fiber@react-three/postprocessing
$npx shadcn@latest add https://prism.icglabs.co/r/particle-field.json
TokenSwap
Theming

Set data-brand on any wrapper and every descendant re-skins instantly via CSS variables, with a filmic crossfade. One mechanism, unlimited themes.

$npx shadcn@latest add https://prism.icglabs.co/r/token-swap.json
SeedEmblem
Generative

A unique animated SVG 'system' generated deterministically from any string. Same seed, same emblem. Server-renderable, no canvas.

$npx shadcn@latest add https://prism.icglabs.co/r/seed-emblem.json

Splits a headline into per-character spans and animates them in with a 3D stagger (rise + rotateX + blur). No paid plugins.

gsap
$npx shadcn@latest add https://prism.icglabs.co/r/kinetic-headline.json
Reveal
Motion

Fades + lifts children into view on scroll via IntersectionObserver. Dependency-free, respects reduced-motion.

$npx shadcn@latest add https://prism.icglabs.co/r/reveal.json
Spotlight
Interaction

A cursor-following radial glow on any surface. Wrap a card or section; the glow tracks the pointer and fades in on hover. Pure CSS variables.

$npx shadcn@latest add https://prism.icglabs.co/r/spotlight.json
MagneticButton
Interaction

A button gently attracted to the cursor while hovered, springing back on leave. GSAP smoothing; respects reduced-motion.

gsap
$npx shadcn@latest add https://prism.icglabs.co/r/magnetic-button.json
TiltCard
Interaction

Pointer-driven 3D tilt with a moving specular glare. Pure CSS transforms via CSS variables, no per-frame React state.

$npx shadcn@latest add https://prism.icglabs.co/r/tilt-card.json
Marquee
Motion

Seamless infinite horizontal scroll with edge fades and pause-on-hover. Pure CSS, server-renderable.

$npx shadcn@latest add https://prism.icglabs.co/r/marquee.json
NoiseGradient
Background

A slowly morphing four-point mesh gradient — the lightweight, mobile-safe alternative to a WebGL shader background. Pure CSS.

$npx shadcn@latest add https://prism.icglabs.co/r/noise-gradient.json

A sticky R3F canvas whose camera dollies across scroll 'acts', driven by a single scrubbed ScrollTrigger that reads your existing Lenis-smoothed scroll — no competing scroll root.

three@react-three/fibergsap
$npx shadcn@latest add https://prism.icglabs.co/r/scroll-scene.json

Decrypts its text from random glyphs to the target when it scrolls into view. rAF-stepped, zero deps. Use a monospace container to avoid reflow.

$npx shadcn@latest add https://prism.icglabs.co/r/scramble-text.json

The 'liquid scroll' feel — skews its children by scroll velocity (read from Lenis), clamped and eased back to flat. No second RAF loop.

gsaplenis
$npx shadcn@latest add https://prism.icglabs.co/r/velocity-skew.json
ImageTrail
ProInteraction

Spawns a trail of images along the cursor path on fast movement, each fading + scaling out. Fixed recycled pool, distance-throttled, transform/opacity only.

gsap
$npx shadcn@latest add https://prism.icglabs.co/r/image-trail.json
SplatScene
ProFrontier

A real-time Gaussian-splat capture rendered in R3F via World Labs' Spark — photoreal 3D content (the kind AI tools like Marble export) running live in the browser.

three@react-three/fiber@react-three/drei@sparkjsdev/spark
$npx shadcn@latest add https://prism.icglabs.co/r/splat-scene.json
DepthScene
ProFrontier

On-device WebGPU AI: estimates depth from a flat photo with Depth-Anything-V2 (in-browser via Transformers.js), then displaces a plane for cursor-steered 3D parallax. WebGPU → WASM → flat fallback.

three@react-three/fiber@huggingface/transformers
$npx shadcn@latest add https://prism.icglabs.co/r/depth-scene.json
FlyThrough
ProFrontier

A free-flight 3D world: pilot a spaceship through an infinite wrap-around field of glowing prismatic crystals — cursor steers, hold to boost. Fog + bloom; the browser as a game engine.

three@react-three/fiber@react-three/postprocessing
$npx shadcn@latest add https://prism.icglabs.co/r/fly-through.json

Scroll into the page, not down it — a sticky canvas where scroll flies the camera forward through a tunnel of glowing rings. Reuses your Lenis-smoothed scroll via one scrubbed ScrollTrigger.

three@react-three/fiber@react-three/postprocessinggsap
$npx shadcn@latest add https://prism.icglabs.co/r/scroll-dive.json
CanvasPerf
Utility

Make any R3F scene smooth on any device: useDeviceTier (device heuristic for a starting quality), AutoDpr (PerformanceMonitor + AdaptiveDpr — holds framerate by trading resolution), and PauseWhenOffscreen (stop rendering when off-screen).

@react-three/fiber@react-three/drei
$npx shadcn@latest add https://prism.icglabs.co/r/canvas-perf.json

A 3D probability cone widening from a 'now' apex into the future, with seeded branching paths inside a translucent uncertainty hull and a sweeping present-ring. Deterministic, no backend — built to show forecasts with uncertainty.

three@react-three/fiber@react-three/postprocessing
$npx shadcn@latest add https://prism.icglabs.co/r/forecast-cone.json

A 3D Earth: continents as a field of glowing dots sampled from open Natural Earth data, great-circle arcs between cities, and a Fresnel atmosphere. No tiles, no token; composes with bloom.

three@react-three/fiber@react-three/drei@react-three/postprocessingtopojson-clientd3-geoworld-atlas
$npx shadcn@latest add https://prism.icglabs.co/r/dotted-globe.json
NeonMap
ProMap

A real interactive vector map (pan/zoom/tilt) recolored into a neon nightscape, with a glowing arc and a pulsing pin. Tiles + style from OpenFreeMap — genuinely free, no API token or signup.

maplibre-gl
$npx shadcn@latest add https://prism.icglabs.co/r/neon-map.json

A topographic map: flowing elevation contours from a procedural field with crisp resolution-independent isolines that glow. Reads instantly as terrain. Zero data, pointer-reactive, palette-driven.

three@react-three/fiber
$npx shadcn@latest add https://prism.icglabs.co/r/contour-field.json
Live demo — read-only. Every section is a real, copyable primitive.