Interactive Component

Clicky Button

A delightful button component featuring satisfying click sound effects and satisfying press animations. Perfect for adding tactile feedback to your interactive elements.

Installation

npx shadcn@latest add https://atomixui.mihircodes.in/registry/clicky-button

How to use

'use client';

import { ClickyButton as Button } from '@/components/atomixui/clicky-button';

export default function ButtonDemo() {
    return (
        <div className="flex justify-center items-center">
            <Button variant="clicky" volume={0.2}>
                Click!
            </Button>
        </div>
    );
}