Porter Laforce

LSD Chalkboard

Component

About

Looping video of shimmering contour-style ASCII art, created with the 21st ASCII editor. A React component with a poster image for hero sections, cards, and retro backgrounds, with no additional npm dependencies.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds LSD Chalkboard to your project and fits it to your theme.

Code

How LSD Chalkboard is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { AsciiArt } from "@/components/ui/lsd-chalkboard"

export default function AsciiArtDemo() {
  return (
    <div className="relative h-screen w-full overflow-hidden">
      <AsciiArt className="h-full w-full" />
    </div>
  )
}

More by Porter Laforce

View all
  • Hurricane Season

    Hurricane Season

    9
  • Chroma Entity

    Chroma Entity

    7