ASCII art and canvas effect components for React
The pieces that give a dark product some texture without a heavy 3D dependency. An ASCII turntable that renders a model as characters, a split flap ticker board, a screen shuffle that moves through product shots on scroll, and a call to action that follows the cursor. They are the decorative end of the library, kept in the same dark system as the rest.
4 components, installable with the shadcn CLI.
ASCII Turntable
An extruded solid that turns with the cursor, redrawn as characters on a grid.
View componentMatrix Ticker Board
A dot-matrix price wall on canvas. Changed characters dissolve out and bloom back.
View componentScreen Shuffle
Stacked screens where the front card arcs to the back. Feed it your product shots.
View componentMouse-Trail CTA
A CTA where the cursor's particle trail feeds the pill's glow. Signal, no glitter.
View component
Questions
- Are these heavy to run?
- They are canvas and SVG based rather than WebGL scene graphs, they pause when off screen, and they respect reduced motion settings.
- Can I swap in my own model or content?
- Yes. The turntable takes your own geometry and the shuffle takes your own screens, since you install the source.
Browse by type
Install one in a minute
Every component here installs with the shadcn CLI and lands in your project as source you own.
Read the install guide