Shadow Garden

Shadow Garden · Component Registry

92 instruments.
One bench.

Motion-forward React components, exhibited live on the page they power. Every parameter is a dial. Every specimen is catalogued.

Enter the catalogthe Cook Book
Registry 92 units [MIT · open source]
Exhibit α-01Backgrounds24 units

αBackgrounds

Ambient fields. The room tone of an interface.

All 24 Backgrounds →
Exhibit β-02Text Animations17 units

βText Animations

Letters under tension. Morph, count, scroll.

All 17 Text Animations →
Exhibit γ-03Power-User Systems21 units

γPower-User Systems

Whole machines. State, memory, moving parts.

All 21 Power-User Systems →
Exhibit δ-04Micro-interactions30 units

δMicro-interactions

Small mechanisms. Felt more than seen.

Pixel Transition

Reveal a second layer through a random pixelated dissolve on hover.

Border Glow

A cursor-proximity gradient border with an outer glow.

Spotlight Shell

A card shell with 3D magnetic tilt, radial glow, and a shimmer sweep.

Animated Hamburger

A three-bar hamburger that morphs to an X, driven by a toggle prop.

Morph Dialog

A dialog that morphs open from its trigger via shared-layout animation, with elements that travel between card and panel.

Blueprint Card

A technical-drawing card — dashed envelope, accent rules, corner nodes, and a soft glow that draw in on mount.

All 30 Micro-interactions →
Exhibit ε-05Calibration2 dials

εCalibration

Every dial is real. Turn one.

Trace the edges

Every specimen in the catalog exposes its dials like this — tuned live, reflected in the props table, ready to copy.

Plate ζ-06Open archive92 units

Nothing stays in shadow.

Every specimen ships with full source — MIT-licensed, copy-ready, no key required. The pieces below render live on this page; the implementation is one click away.

Browse the source