Dev Design Library

Evil Buttons components

shadcn/ui registry of playful, highly animated button components with evil aesthetics and killing interactions.

Components
29
Framework
React
Stack
React, TypeScript, Tailwind
License
Apache-2.0
GitHub stars
183
Source
https://github.com/radiumcoders/Evil-Buttons
Website
https://evilbuttons.com

All Evil Buttons components

  • ThreeDButton: A minimal 3D button with a clean deck-style press and sliding click sheen.
  • AquaButton: A glossy pill button inspired by Apple's Aqua interface, with layered highlights and a soft inner glow.
  • AshBurstButton: 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.
  • BrutalButton: A NeoBrutalism style button with sharp shadows and stark borders.
  • ChromeButton: 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…
  • ClickPowerUp: A bracketed button that arms on hover and powers up with an accent flash and bracket burst on every click.
  • CommandButton: A button with a global keyboard shortcut, shown as keycaps that sink as you hold each key.
  • ConfettiButton: A ringed dark button with a sparkle icon that fires a restrained confetti burst on click.
  • CooldownButton: A button that locks itself behind a draining radial timer after each click to stop spam and double-submits, taunting you while you wait.
  • CopyButton: A copy button that briefly shows the copied text above itself, so you see exactly what landed on the clipboard.
  • DemonicButton: A hold-to-summon button: keep pressing to raise ridged devil horns from behind it while a canvas fire builds into a roar.
  • DitherButton: A button with an animated 4x4 ordered-dither wave background and a knockout label.
  • DoubtButton: An escalating-confirmation button that makes you click through increasingly absurd, guilt-tripping prompts before the real action finally…
  • EvilEyeButton: An obsidian pill with a burning evil eye behind its label that tracks the cursor across the page, focuses on hover, and blinks.
  • FrameButton: A futuristic button with springy corner markers that spread on hover and lock on when pressed, plus a scan sweep.
  • GlitchButton: A button with randomized RGB-split glitch bursts, a scanline overlay, and a flickering label.
  • HighlightButton: A button with a cursor spotlight, a border that lights up near the pointer, and a ripple from wherever you click.
  • HoldButton: 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.
  • MinecraftButton: 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.
  • MinimalButton: A quiet dark button with a hairline ring, inner highlight, soft drop shadow, and a chevron that nudges on hover.
  • MorphStatusButton: A single button that morphs through idle, loading, success, and error states in place, with no layout shift.
  • MoviePassButton: A cinema ticket button that tears along its perforation on click, hinging open or snapping apart.
  • RealisticSwitch: 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…
  • RevealButton: A button that reveals a hidden secret value on hold or toggle, with a blur-in animation and an eye icon indicator.
  • ShinyButton: A glossy, gradient-styled button with a layered inner glow and a glint that sweeps across on every click.
  • SlideToDetonate: A slide-to-confirm safety gate that makes you drag a handle across a fuse before the real action detonates.
  • StickyButton: A magnetic button whose body and label are pulled toward the cursor from a wide field, with parallax depth and tilt.
  • ThrusterButton: A magnetic button that rests on the floor of its container, then flies to the cursor anywhere inside it on compressed-air jets, trailing…
  • TrollButton: A button that dodges the cursor until it runs out of stamina, then gives up and lets you click it.

Browse by category