Logo

Voxlet UI

Flip Coin Button

A fun interactive button that simulates a coin flip animation when clicked.

Click to flip the coin

Installation

Install this component and its dependencies with a single command.

npx shadcn@latest add https://ui.voxletstudio.com//r/flip-coin-button.json

Once your project registers the @voxlet namespace, this also works: npx shadcn@latest add @voxlet/flip-coin-button

FlipCoinButtonProps

PropTypeDefaultDescription
childrenReactNode-The content inside the button, typically text or an icon.

The inspiration for this component is directly taken from Cooper Goeke on CodePen

Brought to you by Voxlet Studio