56:I[473921,["/creators-assets/_next/static/immutable/chunks/456dxp3afc8vw.js","/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/0bntpu9zyiup3.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/3npaj8f4glbs_.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/2knggklfeqwdv.js","/creators-assets/_next/static/immutable/chunks/18e_sauhpyyit.js","/creators-assets/_next/static/immutable/chunks/13xqrk3e5k8yu.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1yn3k6g09tq32.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/1cey7skpirawe.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/2n9qmawfhavju.js","/creators-assets/_next/static/immutable/chunks/0m8lhf01xskqj.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/2lxef2-u417vc.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/439i_r5_4eszl.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/26fs9mkd8gzie.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/2eiu9v0ook5ln.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/0u_jiik6ovv_e.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/1tvhyiuh-gmez.js"],"PostDetailCard"] 57:T9fa,

Turn headlines and body copy into choreographed visual statements. Split-Reveal splits your text by character, word, or line, swinging open like 3D double doors, flipping along perspectives, or scattering into place with spring physics, line masking, and viewport triggers.

Key Features

4 Motion Presets: Choose from Doors (3D swinging), Flip (3D flap reveal), Split (opposing rotational snaps), and Scatter.
Flexible Splitting: Split by Characters, Words, or Lines with automatic grapheme segmentation that preserves complex punctuation and emojis.
Directional Patterns: Direct choreography From Center, To Center, Alternating, Uniform, or Random across Horizontal, Vertical, and Diagonal axes.
Line Masking: Clip lines individually so typography rises or swings fluidly out of invisible slits without clipping outer bounds.
Spring & Tween Physics: Tune spring stiffness, damping, and mass, or switch to customizable easing curves with line-by-line staggered delays.
SEO & Accessible: Renders an accessible, un-split hidden copy for screen readers and search crawlers while visual spans handle 3D motion.

Property Controls

Content: Text string input, split level (Chars, Words, Lines), and semantic HTML tag (H1–H6, P, Div, Span).
Appearance & Layout: Typography styling, text color, line mask toggle, container clipping, and padding.
Choreography: Preset selection, direction vector, dispersal pattern, 3D perspective depth, distance, rotation angle, scale, and entrance blur.
Timing: Motion engine (Spring vs. Tween), duration, stagger timing, sequence order (Center Out, Natural, Reverse, Random), and line delays.
Trigger & Advanced: In-view threshold, viewport offset, hover/tap replay triggers, reduced-motion fallback, and performance character caps.

Quick Start Guide

Drop the component onto your Framer canvas.
Type your headline in Content and select a split mode (e.g. Chars).
Choose a choreography preset (like Doors or Flip).
Set the trigger to In View and preview the live animation!

53:[["$","$L56",null,{"post":{"id":"019d917a-6e2c-7fcd-b43d-0c1943cdb10d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"f4924de8-9236-488c-918b-7df9feddcf59","name":"Evixel Studio","slug":"evixelstudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1040899/avatar-rKy5PSsrJCXqvyoypsvKcOaOtAEZd4.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"K8giVGDuO5iWvsC2iUlc","resolved":true,"title":"SplitReveal Text","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Turn headlines and body copy into choreographed visual statements. Split-Reveal splits your text by character, word, or line, swinging open like 3D double doors, flipping along perspectives, or scattering into place with spring physics, line masking, and viewport triggers."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"4 Motion Presets:","marks":[{"type":"bold"}]},{"type":"text","text":" Choose from Doors (3D swinging), Flip (3D flap reveal), Split (opposing rotational snaps), and Scatter."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flexible Splitting:","marks":[{"type":"bold"}]},{"type":"text","text":" Split by Characters, Words, or Lines with automatic grapheme segmentation that preserves complex punctuation and emojis."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Directional Patterns:","marks":[{"type":"bold"}]},{"type":"text","text":" Direct choreography From Center, To Center, Alternating, Uniform, or Random across Horizontal, Vertical, and Diagonal axes."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Line Masking:","marks":[{"type":"bold"}]},{"type":"text","text":" Clip lines individually so typography rises or swings fluidly out of invisible slits without clipping outer bounds."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spring & Tween Physics:","marks":[{"type":"bold"}]},{"type":"text","text":" Tune spring stiffness, damping, and mass, or switch to customizable easing curves with line-by-line staggered delays."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SEO & Accessible:","marks":[{"type":"bold"}]},{"type":"text","text":" Renders an accessible, un-split hidden copy for screen readers and search crawlers while visual spans handle 3D motion."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Property Controls"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Content:","marks":[{"type":"bold"}]},{"type":"text","text":" Text string input, split level (Chars, Words, Lines), and semantic HTML tag (H1–H6, P, Div, Span)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Appearance & Layout:","marks":[{"type":"bold"}]},{"type":"text","text":" Typography styling, text color, line mask toggle, container clipping, and padding."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choreography:","marks":[{"type":"bold"}]},{"type":"text","text":" Preset selection, direction vector, dispersal pattern, 3D perspective depth, distance, rotation angle, scale, and entrance blur."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Timing:","marks":[{"type":"bold"}]},{"type":"text","text":" Motion engine (Spring vs. Tween), duration, stagger timing, sequence order (Center Out, Natural, Reverse, Random), and line delays."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Trigger & Advanced:","marks":[{"type":"bold"}]},{"type":"text","text":" In-view threshold, viewport offset, hover/tap replay triggers, reduced-motion fallback, and performance character caps."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Quick Start Guide"}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop the component onto your Framer canvas."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Type your headline in "},{"type":"text","text":"Content","marks":[{"type":"bold"}]},{"type":"text","text":" and select a split mode (e.g. Chars)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose a choreography preset (like "},{"type":"text","text":"Doors","marks":[{"type":"bold"}]},{"type":"text","text":" or "},{"type":"text","text":"Flip","marks":[{"type":"bold"}]},{"type":"text","text":")."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set the trigger to "},{"type":"text","text":"In View","marks":[{"type":"bold"}]},{"type":"text","text":" and preview the live animation!"}]}]}],"attrs":{"type":null,"start":1}}]},"introduction":"Choreographed split text reveals","slug":"splitreveal-text","author":{"framerUserId":"f4924de8-9236-488c-918b-7df9feddcf59","name":"Evixel Studio","slug":"evixelstudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1040899/avatar-rKy5PSsrJCXqvyoypsvKcOaOtAEZd4.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f4924de8-9236-488c-918b-7df9feddcf59/01a0b67d-8011-7357-84c4-9566b512b584.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-04-07T16:09:00.639Z","updatedAt":"2026-09-19T12:50:18.935Z","publishedAt":"2026-04-15T14:10:13.164Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://holistic-lynx-663318.framer.app","price":"12","paymentUrl":"https://evixelstudio.gumroad.com/l/SplitRevealText","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"oT1sm29qymCdM7LwBvD4","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-15T14:10:13.164Z","updatedAt":"2026-04-15T14:10:13.164Z","reported":false,"type":"post"}}],"$L58"]

Suggested for you