Kokonut UI

Particle Button

Buttons 478

About

A little particle animation on submit

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

Code

How Particle Button is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { ParticleButton } from "@/components/ui/particle-button"
import { Button } from "@/components/ui/button"
import { LucideIcon } from "lucide-react"

function ParticleButtonDemo() {
    return (
        <ParticleButton successDuration={1000} variant="default">
            Click me!
        </ParticleButton>
    )
}

export { ParticleButtonDemo }

Dependencies