---
title: "Text Reveal Card — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Suman Debnath · Text. Text Reveal Card is a premium interactive Framer component that reveals hidden text using a smooth horizontal mouse-tracking animation."
canonical: "https://framer.elliotli.dev/component/text-reveal-card"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Text Reveal Card

# Text Reveal Card

An interactive hover-to-reveal card

[View on Framer](https://framer.com/marketplace/components/text-reveal-card/?via=elliot-li)

![Text Reveal Card preview image 1](https://framer.elliotli.dev/og/component/text-reveal-card/d6e156a228636c67/1600x1200.jpg)

## Summary

Text Reveal Card is a premium interactive Framer component that reveals hidden text using a smooth horizontal mouse-tracking animation.

## Description

**Text Reveal Card** is a premium interactive [Framer](https://framer.link/theshutterjoy) 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](https://framer.link/theshutterjoy)
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #10065

## Details

- **Author**: Suman Debnath
- **Price**: $8.00
- **Published**: 2025-11-27
- **Updated**: 2026-02-16
- **Added**: 2025-11-22
- **Categories**: Text

## More like this

-   [Hover Stretch Text](/component/hover-stretch-text) — 584.studio · $3 — Responsive & fully customizable
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing
-   [Odometer Stats](/component/odometer-stats) — Pixlify · Free — Rolling number counters
-   [Clipped Words](/component/clipped-words) — Interface Studio · $5 — Words With a Little Chaos