ComponentsButton
Button
A highly customizable button component with premium animations and 4 unique visual variants.
Variants
Premium
The default variant. A moody, deep-space aesthetic with subtle radial gradients and a sophisticated shadow profile.
Shine
Features a refined light sweep animation that triggers on hover, adding a layer of visual polish and "quiet luxury".
Outline
A minimal, transparent glassmorphism style that adapts perfectly to any background.
Ghost
An ultra-minimal variant that only appears on hover. Perfect for navigation and low-priority actions.
Magnetic Effect
Enhance any variant with a high-fidelity magnetic interaction that pulls the button toward the cursor.
Loading State
Seamless transition from action to processing with a smooth opacity fade for the loader.
Props
Installation
npx shadcn@latest add https://zedui.vercel.app/registry/button.json