Shake Destructive Button

A destructive-action glass-pill button whose icon shakes on hover to draw deliberate attention.

Buttonsbuttonglassmotiondestructive

Stack: React + Tailwind CSS + shadcn/ui — every prompt is written for this stack and is most accurate in it.

Dependencies: framer-motion, lucide-react

Overview

Shape

Glass pill, neutral surface

Color

text-destructive icon + label (token, not red-*)

Motion

0.4s shake keyframes on hover

Accessibility

Pair with a confirm dialog before acting