sh4dcnv2 · atlas
← libraries

@23rd

Opinionated components for shippers.

20 components pro available react shadcn-cli

Install this registry

shadcn (npm) npx shadcn@latest add https://23rd.dev/r/registry.json
pnpm pnpm dlx shadcn@latest add https://23rd.dev/r/registry.json
bun bunx shadcn@latest add https://23rd.dev/r/registry.json
fetch registry curl -s https://23rd.dev/r/registry.json

Components

20 total
ASCII Fluid ui

Mouse-trail WebGL fluid background quantized to a clean ASCII brightness ramp - zero deps, theme-aware.

npx shadcn@latest add https://23rd.dev/r/ascii-fluid.json
ASCII Logo ui

Interactive ASCII wordmark: glyphs shove away from the cursor, then click-cycle through scatter, gravity drop, and reassemble. Zero deps.

npx shadcn@latest add https://23rd.dev/r/ascii-logo.json
Dither Scan ui

An image that starts as a 1-bit ordered dither. A diagonal scan line sweeps it a set number of times, and each pass sharpens the cells and brings back tone and…

npx shadcn@latest add https://23rd.dev/r/dither-scan.json
Dithered 404 ui

Bayer-pixel 404 section: a fireball cursor scorches the glyph, burns it into embers and smoke, then reforms. Optional soft realistic fire.

npx shadcn@latest add https://23rd.dev/r/dithered-404.json
Folio ui

The whole page leans back in perspective while you scroll, blurs, then springs flat when you stop.

npx shadcn@latest add https://23rd.dev/r/folio.json
Gooey Color Picker ui

A floating color picker with a circular hue wheel, alpha slider, hex field, and motion-powered open/close.

npx shadcn@latest add https://23rd.dev/r/gooey-color-picker.json
Iso Lattice ui

A hex lattice of glowing tiles that builds solid isometric figures, one over the last, from the floor up. Follows light and dark.

npx shadcn@latest add https://23rd.dev/r/iso-lattice.json
Live Orb ui

An evenly lit sphere with two capsule eyes that follow the pointer: white, black, webgl, and custom variants.

npx shadcn@latest add https://23rd.dev/r/live-orb.json
Logo Burst ui

Hair-line tentacles explode from the center, then keep a slow inhale. Follows light and dark.

npx shadcn@latest add https://23rd.dev/r/logo-burst.json
Mech Keyboard ui

A 75% mechanical keyboard drawn as an isometric illustration in three.js, with ink outlines and a volume knob. Keys press along with your real keyboard, and a …

npx shadcn@latest add https://23rd.dev/r/mech-keyboard.json
Phosphor Score ui

Vertical sheet music on a CRT phosphor: notes fall, bloom at the playhead, then exit in a flare.

npx shadcn@latest add https://23rd.dev/r/phosphor-score.json
Radiant Lines ui

A hyperspace starfield background: colored streaks radiate from the center, with warp speed driven by scroll velocity.

npx shadcn@latest add https://23rd.dev/r/radiant-lines.json
Ring Tower ui

A tower of tilted bands wrapped in your images. They crawl around, drag to spin, and neighbors counter-turn with the pointer.

npx shadcn@latest add https://23rd.dev/r/ring-tower.json
Shader Anime Fire ui

Cel-shaded WebGL flames for landing heroes: tongues lick up from the bottom in flat bands of heat, and the fire reaches for the pointer.

npx shadcn@latest add https://23rd.dev/r/shader-anime-fire.json
Shader Gradient ui

Quiet WebGL color wash for landing heroes, empty states, and marketing sections: theme-aware, optional pointer follow.

npx shadcn@latest add https://23rd.dev/r/shader-gradient.json
Shader Metal ui

Liquid chrome, gold, or copper ribbons twisting through a studio light rig: transparent WebGL, theme-aware, with a key light that follows the pointer.

npx shadcn@latest add https://23rd.dev/r/shader-metal.json
Shader Sky ui

WebGL sky for landing heroes: clear blue with drifting clouds in light, storm gray in dark, optional window-glass film.

npx shadcn@latest add https://23rd.dev/r/shader-sky.json
Snake 404 ui

Dot-matrix 404 where every dot is food: a Nokia-style snake eats the digits, then they come back. Arrow keys, WASD, or a swipe take over.

npx shadcn@latest add https://23rd.dev/r/snake-404.json
Stretchy Footer ui

Dia-style rubber overscroll: rainbow aurora stretches up past the bottom, then snaps back.

npx shadcn@latest add https://23rd.dev/r/stretchy-footer.json
Typewriter ui

A real, playable typewriter in SVG: each key presses down, its typebar swings up to strike the ribbon, and the carriage steps along. Click it and type.

npx shadcn@latest add https://23rd.dev/r/typewriter.json