Shadcn.io is not affiliated with official shadcn/ui
Highlight Button
Button with a highlight bar that slides across on hover for React.
Simple but effective. A thin highlight bar slides from one end to the other when you hover—like a progress indicator crossed with a hover effect. It's subtle visual feedback that says "yes, this is clickable." Works beautifully for navigation items, secondary actions, or anywhere you want understated elegance. The bar color matches your theme, and the animation is smooth without being slow.
Highlight Button preview
Loading...
Scroll to load preview
Installation
Install
Pro button
Related Components
Underline Button
Growing underline
Swipe Button
Color swipe fill
Shimmer Button
Flowing shimmer
Outline Fill Button
Fill from bottom
Shine Button
Diagonal light sweep
Border Trace Button
SVG border draw