<head>
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
    <main class="container mx-auto flex justify-center p-6">
        <button id="click-me" class="p-4 rounded-lg border-blue-500 text-blue-500 border">Click me</button>
    </main>
</body>
<script src="https://confettijs.org/confetti.min.js"></script>
<script>
const confetti = new Confetti("click-me");
  // Confetti configuration
confetti.setCount(50);
</script>
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.