Shadcn.io is not affiliated with official shadcn/ui
Corner Accent Button
Button with animated corner accents that expand on hover with sliding background for React.
Want a button that feels crafted? This one has decorative corner accents that expand outward on hover while a background sweeps across—like unwrapping a premium package. The layered animation creates depth: corners move first, then the fill slides in. Pure CSS transitions running at 60fps, no JavaScript animation overhead. Perfect for CTAs that need to feel special without being flashy.
Corner Accent Button preview
Loading...
Scroll to load preview
Installation
Install
Pro button
Related Components
Liquid Button
Fluid fill animation on hover
Flip Button
3D flip reveal animation
Shine Button
Diagonal light sweep
Outline Fill Button
Fill from bottom on hover
Border Trace Button
Animated border drawing
Depth Button
3D press effect