Text Reveal Card
Text Reveal Card — an interactive hover-to-reveal card with animated divider, motion text reveal, starfield background, and fully customizable styles.
Make it with Workshop
Build your own component with AI
Text Reveal Card is a premium interactive Framer component that reveals hidden text using a smooth horizontal mouse-tracking animation. As users hover or drag across the card, a dynamic divider moves with the cursor while the hidden text fades into view through a precise clip-path reveal effect. The result is a modern, polished micro-interaction perfect for landing pages, hero sections, and storytelling UI.
A floating animated starfield enhances depth and motion, making this card ideal for premium product pages, portfolio highlights, and futuristic UI designs.
Best use cases
Hero sections with interactive headers
Portfolio storytelling components
Reveal-on-hover product descriptions
Cinematic landing pages
Modern editorial layouts
UI/UX micro-interactions for premium websites
