Prism
A design-engineering lab by ICG Labs

Award-grade web design, motion, and 3D — rebuilt as reusable primitives. This page is the library: every section is a live component you can copy by hand, or install by agent.

Scroll to fly in

The frontier of the web moved from flat pages with nice motion to browsers running like game engines. Prism is where ICG Labs builds that capability once — then reuses it across every product.

20
primitives, live
1
copy or agent-install
0
paid dependencies
themes via token swap

Shader · custom GLSL

ShaderField

A full-bleed, domain-warped noise field refracted through a color spectrum, drifting and easing toward your pointer. Zero geometry beyond a clip-space quad — the signature surface that defines award-winning sites.

$npx shadcn@latest add https://prism.icglabs.co/r/shader-field.json
<ShaderField />
GPU · Three.js + shaders

ParticleField

Six thousand points conjured from a scattered cloud into a glowing Fibonacci sphere, then breathing and following your pointer. Custom GLSL, additive blending, bloom. Pass any palette to re-skin it.

$npx shadcn@latest add https://prism.icglabs.co/r/particle-field.json
<ParticleField />
3D · scroll-into-depth

ScrollDive — scroll into the page, not down it

Keep scrolling and you fly forward, diving through a tunnel of light. One scrubbed ScrollTrigger maps your scroll to the camera's depth — reading the same Lenis-smoothed position the whole site runs on.

$npx shadcn@latest add https://prism.icglabs.co/r/scroll-dive.json
Immersive

Or take the controls.

A full-screen, free-flight 3D world — steer with your cursor, hold to boost, and fly forever through a field of glowing crystals. The browser as a game engine.

Enter the flight →
Theming · CSS variables

TokenSwap — one markup, every brand

The most reusable tool in the lab. Set data-brand on any wrapper and every descendant re-skins instantly, with a filmic crossfade. Try it — nothing below changes but the token layer.

New release
The same markup, six brands

Not a single class changed between themes — only the token layer.

Tokens
data-brand="prism"
$npx shadcn@latest add https://prism.icglabs.co/r/token-swap.json
Generative · deterministic SVG

SeedEmblem — a glyph from a string

Feed any string, get a unique orbiting "system" — same seed, same emblem, every render. Server-renderable, no canvas. Perfect for avatars, project marks, or entity identity at scale.

"prism"
"sky"
"pulse"
"atlas"
"crane"
"paiv"
"halo"
"sharpe"
$npx shadcn@latest add https://prism.icglabs.co/r/seed-emblem.json
Interaction · zero-dep

The kit grows — 20 primitives and counting

Cursor spotlights, magnetic buttons, 3D tilt, seamless marquees, CSS mesh gradients — the awwwards-grade interactions, each installable on its own.

TiltCard

Hover me — a 3D tilt that follows your cursor, with a moving glare.

Spotlight

Move your cursor across this card — the glow tracks it.

MagneticButton

It reaches toward your cursor, then springs back.

ShaderField·ParticleField·TokenSwap·SeedEmblem·KineticHeadline·Reveal·Spotlight·MagneticButton·TiltCard·Marquee·NoiseGradient·
Frontier · Pro pack

Where the web is going

Photoreal Gaussian splats and on-device AI — running live in the browser, no backend. The heaviest, most advanced primitives anchor the upcoming Pro pack.

SplatScene — Gaussian splatView →
DepthScene — on-device WebGPU AIView →
Move your cursor here — ImageTrail
Distribution

Built to be taken — by humans and by agents.

Every primitive ships as a registry manifest in the open shadcn format, so a person can copy it or an AI agent can install it with a single command — no account, no SDK.

A developer or agent runs
$npx shadcn@latest add https://prism.icglabs.co/r/particle-field.json
An agent reads the index
$curl https://prism.icglabs.co/r/index.json
Live demo — read-only. Every section is a real, copyable primitive.