About
An animated isometric quiz-show buzzer scene with a scoreboard, judge keys and a lockout relay, for teaching or demoing cause-and-effect interactions.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Quiz Buzzers to your project and fits it to your theme.
Code
How Quiz Buzzers is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import QuizBuzzers from "@/components/ui/quiz-buzzers";
export default function QuizBuzzersDemo() {
return (
<div className="flex w-full h-screen items-center justify-center bg-[var(--background)] p-6">
<div className="w-full max-w-xl">
<QuizBuzzers />
</div>
</div>
);
}








