Movie Pass Button

A ticket-style button with rounded corner cut-outs punched into each corner, like a torn cinema pass, with a quick press-scale tactile effect. Theme-aware via primary and background tokens.

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

"use client";

import MoviePassButton from "@/components/ui/movie-pass";

export default function Default() {
  return (
    <div className="flex min-h-screen w-full items-center justify-center bg-background p-12">
      <MoviePassButton>Deploy Doom</MoviePassButton>
    </div>
  );
}