Text ASCII Cascade

An animated headline that ambiently collapses character by character into a scattered field of noise glyphs below it, then reassembles, with hovering triggering an immediate, amplified cascade.

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

import { AsciiCascadeText } from "@/components/ui/text-ascii-cascade";

export default function Preview() {
  return (
    <div className="flex h-screen w-full items-center justify-center bg-background">
      <AsciiCascadeText text="CASCADE" className="text-5xl" />
    </div>
  );
}