@evilbuttons
Evil Buttons is a focused shadcn registry of ~18 Motion-powered (motion.dev) animated button and interactive components. Named variants include aqua-button, brutal-button, chrome-button, click-powerup, command-button, copy-button, dither-button, evil-eye-button, frame-button, glitch-button, grid-button, highlight-button, minimal-button, movie-pass, reveal-button, shiny-button, sticky-button, and troll-button. Each is installable via npx shadcn add @evilbuttons/<name>. Built with React, Tailwind CSS, and TypeScript; dark mode ready. Free, MIT licensed. Use for: injecting punchy, motion-driven button interactions into an existing shadcn/ui project with minimal setup and zero design from scratch.
Install this registry
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/index.json pnpm dlx shadcn@latest add https://evilbuttons.radiumcoders.com/r/index.json bunx shadcn@latest add https://evilbuttons.radiumcoders.com/r/index.json curl -s https://evilbuttons.radiumcoders.com/r/index.json Components
29 totalAn animated button wrapper with corner brackets, patterned fill, and tap feedback.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/click-powerup.json A magnetic button that follows cursor movement with spring physics.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/sticky.json A glossy, gradient-styled button with a layered inner glow and press feedback.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/shiny-button.json A ticket-style button like a cinema stub.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/movie-pass.json A sleek, minimal button with a subtle repeating linear gradient pattern.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/minimal.json A retro-styled button with a pixelated grid icon and tactile press feedback.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/grid-button.json A button with an animated 4x4 ordered-dither wave background and a knockout label.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/dither-button.json A button with a React Bits evil eye shader background and a fiery readable label.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/evil-eye-button.json A button that flees from the user's cursor.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/troll-button.json A button with an animated liquid chrome background.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/chrome-button.json A NeoBrutalism style button with sharp shadows and stark borders.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/brutal-button.json A glossy pill button inspired by Apple's Aqua interface, with layered highlights and a soft inner glow.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/aqua-button.json A minimal 3D button with a clean deck-style press and sliding click sheen.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/3d-button.json A futuristic button with animated corner frames and tactile motion interactions.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/frame-button.json A button with a mouse-following highlight that darkens light surfaces and expands on click.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/highlight-button.json A button with randomized RGB-split glitch bursts, a scanline overlay, and a flickering label.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/glitch-button.json A button that binds a keyboard shortcut globally and pulses with a subtle flash animation when the shortcut fires.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/command-button.json A button that copies a value to the clipboard and transitions through idle, copied, and error states with animated icon swaps.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/copy-button.json A button that reveals a hidden secret value on hold or toggle, with a blur-in animation and an eye icon indicator.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/reveal-button.json A hold-to-charge button: keep pressing to slowly strain the devil horns out while it trembles, spits embers, and flashes between black and blood-red like a fil…
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/demonic-button.json A hold-to-confirm button whose inner fill grows from 0 to 100%; release early to shake and abort, hold to the end to fire the action.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/hold-button.json A button that makes you pass an absurd 'select all the evil' emoji captcha before the real action fires.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/captcha-button.json An escalating-confirmation button that makes you click through increasingly absurd, guilt-tripping prompts before the real action finally fires.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/doubt-button.json A slide-to-confirm safety gate that makes you drag a handle across a fuse before the real action detonates.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/slide-to-detonate.json A single button that morphs through idle, loading, success, and error states in place, with no layout shift.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/morph-status-button.json A button that locks itself behind a draining radial timer after each click to stop spam and double-submits, taunting you while you wait.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/cooldown-button.json A compact pill toggle that slides between two labeled faces with a rolling hover label animation.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/pill-button.json A plain shadcn button that pops on click and fires a confetti celebration burst.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/confetti-button.json A hold-to-confirm pill button that shrinks while pressed and draws a circular progress ring around it using Motion styleEffect and svgEffect.
npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/hold-confirm-button.json