BT-01ButtonsUpdated, October 16, 2026
Particle Button
A status button for async actions, with a spinner, a drawn check and a particle burst on success.
PROPay Button and more like it are in Kokonut UI Pro
Installation
Particle Button is a free, open-source React component in the Kokonut UI Buttons collection. Add it with the shadcn CLI, which copies the source into components/kokonutui/particle-button.tsx, so the code is yours to change.
npx shadcn@latest add @kokonutui/particle-buttonUsage
import ParticleButton from "@/components/kokonutui/particle-button";
export default function Example() {
return <ParticleButton />;
}Dependencies
Built with React, Tailwind CSS, class-variance-authority, lucide-react and motion. The CLI also adds the shadcn/ui button component.
Button Components
Free animated React buttons: hold to confirm, slide to confirm, magnet, particle, undo and save buttons with real feedback, built with Tailwind CSS and Motion.
V0 Button
Open in v0 button that sends a component registry JSON to v0.dev for instant editing, built with React, the shadcn Button, and Tailwind CSS.
