Hero Shutter Text

An immersive, cinematic text-animation component featuring high-impact "shutter" slicing effects, full-screen responsive typography, and seamless light/dark mode adaptation.

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

import HeroText from "@/components/ui/hero-shutter-text";

export default function DemoOne() {
  return (
    <main className="h-screen w-screen overflow-hidden bg-white dark:bg-zinc-950">
      <HeroText />
    </main>
  );
}