@23rd
Opinionated components for shippers.
Install this registry
npx shadcn@latest add https://23rd.dev/r/registry.json pnpm dlx shadcn@latest add https://23rd.dev/r/registry.json bunx shadcn@latest add https://23rd.dev/r/registry.json curl -s https://23rd.dev/r/registry.json Components
20 totalMouse-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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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