5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T92b,

TextReveal — Premium Scroll & Load Text Animation for Framer

TextReveal is a high-performance text animation component for Framer. It reveals headlines and paragraphs with refined motion — on page load or as text scrolls into view — giving any section the polish of a custom-coded site without timelines, keyframes, or Code Overrides.

Built with GSAP and SplitType, it splits your text into real visual lines or words and animates each with precise, controllable timing while staying fully responsive across every screen size.

Perfect for SaaS landing pages, startup sites, creative portfolios, digital agencies, product launches, studio sites, and personal brands built in Framer.

What It Does Instead of text that simply appears, your copy enters with deliberate motion. Drop TextReveal into any section, type your copy, and choose how it animates. Each line or word reveals with controlled easing and staggered timing — editorial polish usually reserved for hand-coded sites. No flickering. No jumpy reflow.

Three Reveal Styles

Clip Path Reveal — lines slide up behind a clip-path mask for bold headlines
Mask Reveal — words rise word-by-word for elegant, paced storytelling
Blur Reveal — words fade in from blurred to sharp for atmospheric intros

Two Playback Modes

On — reveal plays when text enters the viewport, zero setup
Off — reveal plays on mount, perfect for above-the-fold hero text

Key Features

Self-triggering scroll animation, no Code Overrides
Fully responsive typography, auto re-splits on resize
Native Framer font controls — fonts, weight, size, spacing
Trigger Point slider (0-100%) for exact scroll timing
Adjustable stagger for line/word pacing
Multiple independent instances per page, no conflicts

Refund Policy: Due to the digital nature of this product, all sales are final and refunds are not available.

Support Need help customizing? Contact me. Email: amansupport45@gmail.com

5a:[["$","$L5d",null,{"post":{"id":"019e2683-3672-7796-902f-e0d3d073967b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","slug":"aman-qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","followed":false,"followsYou":false},"media":[],"resources":[{"id":"8vhZvy5Di5j09wco82IF","resolved":true,"title":"RevealVibe","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"TextReveal — Premium Scroll & Load Text Animation for Framer","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"TextReveal is a high-performance text animation component for Framer. It reveals headlines and paragraphs with refined motion — on page load or as text scrolls into view — giving any section the polish of a custom-coded site without timelines, keyframes, or Code Overrides."}]},{"type":"paragraph","content":[{"type":"text","text":"Built with GSAP and SplitType, it splits your text into real visual lines or words and animates each with precise, controllable timing while staying fully responsive across every screen size."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for SaaS landing pages, startup sites, creative portfolios, digital agencies, product launches, studio sites, and personal brands built in Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"What It Does","marks":[{"type":"bold"}]},{"type":"text","text":" Instead of text that simply appears, your copy enters with deliberate motion. Drop TextReveal into any section, type your copy, and choose how it animates. Each line or word reveals with controlled easing and staggered timing — editorial polish usually reserved for hand-coded sites. No flickering. No jumpy reflow."}]},{"type":"paragraph","content":[{"type":"text","text":"Three Reveal Styles","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clip Path Reveal — lines slide up behind a clip-path mask for bold headlines"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mask Reveal — words rise word-by-word for elegant, paced storytelling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blur Reveal — words fade in from blurred to sharp for atmospheric intros"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Two Playback Modes","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"On — reveal plays when text enters the viewport, zero setup"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Off — reveal plays on mount, perfect for above-the-fold hero text"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Key Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Self-triggering scroll animation, no Code Overrides"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive typography, auto re-splits on resize"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Native Framer font controls — fonts, weight, size, spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Trigger Point slider (0-100%) for exact scroll timing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable stagger for line/word pacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multiple independent instances per page, no conflicts"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy:","marks":[{"type":"bold"}]},{"type":"text","text":" Due to the digital nature of this product, all sales are final and refunds are not available."}]},{"type":"paragraph","content":[{"type":"text","text":"Support","marks":[{"type":"bold"}]},{"type":"text","text":" Need help customizing? Contact me. Email: "},{"type":"text","text":"amansupport45@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:amansupport45@gmail.com","target":"_blank"}}]}]}]},"introduction":"Text Reveal Clip Path, Mask, Blur","slug":"revealvibe","author":{"framerUserId":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","slug":"aman-qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/8vhZvy5Di5j09wco82IF/revealvibe-YHMauQjkWG1q2MqDTmiPKLOuupFGko","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-24T19:32:31.840Z","updatedAt":"2026-09-03T09:04:09.228Z","publishedAt":"2026-05-14T12:43:13.906Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://gsap-text-reveal.framer.ai/","price":"4","paymentUrl":"https://lumecomponent.lemonsqueezy.com/checkout/buy/db31b2e5-2fe1-4cda-99f9-6675d2e28eb7","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"oD8PsbTHWpLwd5NrlTWl","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-14T12:43:13.906Z","updatedAt":"2026-05-14T12:43:13.906Z","reported":false}}],"$L5f"]

Suggested for you