AsciiSweep (React)

component

Swaps two panels of live HTML with a band of glowing ascii characters that sweeps across the exact text lines, tearing rows and trailing phosphor as it passes. Any angle, any charset. The HTML stays interactive.

pnpm dlx shadcn@latest add "https://canvasui.dev/r/ascii-sweep-react.json"

Sign In

AsciiSweep (React)

component

Swaps two panels of live HTML with a band of glowing ascii characters that sweeps across the exact text lines, tearing rows and trailing phosphor as it passes. Any angle, any charset. The HTML stays interactive.

pnpm dlx shadcn@latest add "https://canvasui.dev/r/ascii-sweep-react.json"

components/canvasui/AsciiSweep.tsx