sh4dcnv2 · atlas
← libraries

@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.

29 components react shadcn-cli Apache-2.0

Install this registry

shadcn (npm) npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/index.json
pnpm pnpm dlx shadcn@latest add https://evilbuttons.radiumcoders.com/r/index.json
bun bunx shadcn@latest add https://evilbuttons.radiumcoders.com/r/index.json
fetch registry curl -s https://evilbuttons.radiumcoders.com/r/index.json

Components

29 total
ClickPowerUp ui

A bracketed button that arms on hover and powers up with an accent flash and bracket burst on every click.

npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/click-powerup.json
StickyButton ui

A magnetic button whose body and label are pulled toward the cursor from a wide field, with parallax depth and tilt.

npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/sticky.json
ThrusterButton ui

A magnetic button that rests on the floor of its container, then flies to the cursor anywhere inside it on compressed-air jets, trailing WebGL smoke, and lands…

npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/thruster-button.json
ShinyButton ui

A glossy, gradient-styled button with a layered inner glow and a glint that sweeps across on every click.

npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/shiny-button.json
MoviePassButton ui

A cinema ticket button that tears along its perforation on click, hinging open or snapping apart.

npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/movie-pass.json
MinimalButton ui

A quiet dark button with a hairline ring, inner highlight, soft drop shadow, and a chevron that nudges on hover.

npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/minimal.json
DitherButton ui

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
EvilEyeButton ui

An obsidian pill with a burning evil eye behind its label that tracks the cursor across the page, focuses on hover, and blinks.

npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/evil-eye-button.json
TrollButton ui

A button that dodges the cursor until it runs out of stamina, then gives up and lets you click it.

npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/troll-button.json
ChromeButton ui

A metallic pill whose border is a ring of flowing liquid chrome around a solid face that follows the light or dark theme, with pill, compact, and icon sizes.

npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/chrome-button.json
BrutalButton ui

A NeoBrutalism style button with sharp shadows and stark borders.

npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/brutal-button.json
AquaButton ui

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
ThreeDButton ui

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
FrameButton ui

A futuristic button with springy corner markers that spread on hover and lock on when pressed, plus a scan sweep.

npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/frame-button.json
HighlightButton ui

A button with a cursor spotlight, a border that lights up near the pointer, and a ripple from wherever you click.

npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/highlight-button.json
GlitchButton ui

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
CommandButton ui

A button with a global keyboard shortcut, shown as keycaps that sink as you hold each key.

npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/command-button.json
CopyButton ui

A copy button that briefly shows the copied text above itself, so you see exactly what landed on the clipboard.

npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/copy-button.json
RevealButton ui

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
DemonicButton ui

A hold-to-summon button: keep pressing to raise ridged devil horns from behind it while a canvas fire builds into a roar.

npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/demonic-button.json
HoldButton ui

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
DoubtButton ui

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
SlideToDetonate ui

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
MorphStatusButton ui

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
CooldownButton ui

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
RealisticSwitch ui

A latching push switch, a raised box that sinks into its socket when pressed, stays down and glows while on, and springs back up on the next press.

npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/realistic-switch.json
ConfettiButton ui

A ringed dark button with a sparkle icon that fires a restrained confetti burst on click.

npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/confetti-button.json
AshBurstButton ui

A ringed dark button that glows like an ember on click and erupts ash that collides with it via Matter.js physics, piling onto its surface.

npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/ash-burst-button.json
MinecraftButton ui

A pixel stone menu button that cracks every few taps, shatters into chips, and drops itself as a bobbing item you pick up to respawn it.

npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/minecraft-button.json