Shadcn.io is not affiliated with official shadcn/ui
Text Reveal Button
Button with text that reveals with a sliding mask effect on hover for React.
Text that unveils itself. Hover and watch the button text get revealed by a sliding mask—like a curtain being drawn. The effect is clean and satisfying, adding motion to your CTA without being over the top. Works great for "Learn More" or "Discover" buttons where the reveal metaphor fits the action. Pure CSS animation, smooth on all devices.
Text Reveal Button preview
Loading...
Scroll to load preview
Installation
Install
Pro button
Related Components
Shimmer Button
Flowing shimmer effect
Typewriter Button
Text types out
Blur Button
Text sharpens into focus
Shine Button
Diagonal light sweep
Slide Reveal Button
Sliding content reveal
Scramble Button
Text scrambles through characters