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:T960,

Bring headlines to life with cinematic, curved 3D entrances. Bezier Text 3D animates letters, words, or lines along customizable 3D Bézier trajectories with depth, rotation, scale, and optional blur—driven seamlessly by page scroll or timed triggers.

Key Features

3D Bézier Trajectories: Guide text along X, Y, and Z axes with an adjustable 3D curve control point for dramatic arching and depth overshoot.
Scroll & Time Drivers: Scrub motion smoothly with page scroll (spring-smoothed) or trigger on page load, in-view, or hover.
Granular Splitting: Animate individual letters, words, or lines with customizable stagger timing and directional ordering (Center Out, Edges In, Random, etc.).
Full 3D Entrance FX: Add starting 3D rotations (X, Y, Z), scale, progressive fade-in, and motion blur that settle into crisp, readable text.
SEO & Accessible: Renders an accessible, un-split hidden copy for screen readers and search bots while visual spans handle 3D motion.
Optimized Performance: Direct DOM style writes eliminate React re-render overhead, with full reduced-motion support.

Property Controls

Typography: Full font formatting (family, weight, size, letter spacing, line height), color, and text alignment.
Driven By: Toggle between Scroll (start/end thresholds, smoothing) and Time (duration, delay, easing curves, in-view triggers).
Sequence: Split by Letters, Words, or Lines; set stagger duration, order patterns, and unit easing curves.
3D Path & Entrance: Set perspective, 3D start/curve coordinates (X, Y, Z), 3D rotations, start scale, and blur.
Options: Overflow clipping, accessibility options, and live canvas preview scrubber.

Quick Start Guide

Drop the component onto your Framer canvas.
Enter your copy in the Text control.
Choose your motion mode (Scroll or Time).
Adjust 3D Path coordinates and preview the live flight path!

53:[["$","$L56",null,{"post":{"id":"019d93b2-f521-71c6-885b-493688f04450","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":"D4iCY0OQPQ1983TkMfNF","resolved":true,"title":"Bezier Text 3D","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bring headlines to life with cinematic, curved 3D entrances. Bezier Text 3D animates letters, words, or lines along customizable 3D Bézier trajectories with depth, rotation, scale, and optional blur—driven seamlessly by page scroll or timed triggers."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Bézier Trajectories:","marks":[{"type":"bold"}]},{"type":"text","text":" Guide text along X, Y, and Z axes with an adjustable 3D curve control point for dramatic arching and depth overshoot."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll & Time Drivers:","marks":[{"type":"bold"}]},{"type":"text","text":" Scrub motion smoothly with page scroll (spring-smoothed) or trigger on page load, in-view, or hover."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Granular Splitting:","marks":[{"type":"bold"}]},{"type":"text","text":" Animate individual letters, words, or lines with customizable stagger timing and directional ordering (Center Out, Edges In, Random, etc.)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full 3D Entrance FX:","marks":[{"type":"bold"}]},{"type":"text","text":" Add starting 3D rotations (X, Y, Z), scale, progressive fade-in, and motion blur that settle into crisp, readable text."}]}]},{"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 bots while visual spans handle 3D motion."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optimized Performance:","marks":[{"type":"bold"}]},{"type":"text","text":" Direct DOM style writes eliminate React re-render overhead, with full reduced-motion support."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Property Controls"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Typography:","marks":[{"type":"bold"}]},{"type":"text","text":" Full font formatting (family, weight, size, letter spacing, line height), color, and text alignment."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Driven By:","marks":[{"type":"bold"}]},{"type":"text","text":" Toggle between Scroll (start/end thresholds, smoothing) and Time (duration, delay, easing curves, in-view triggers)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sequence:","marks":[{"type":"bold"}]},{"type":"text","text":" Split by Letters, Words, or Lines; set stagger duration, order patterns, and unit easing curves."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Path & Entrance:","marks":[{"type":"bold"}]},{"type":"text","text":" Set perspective, 3D start/curve coordinates (X, Y, Z), 3D rotations, start scale, and blur."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Options:","marks":[{"type":"bold"}]},{"type":"text","text":" Overflow clipping, accessibility options, and live canvas preview scrubber."}]}]}]},{"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":"Enter your copy in the "},{"type":"text","text":"Text","marks":[{"type":"bold"}]},{"type":"text","text":" control."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose your motion mode ("},{"type":"text","text":"Scroll","marks":[{"type":"bold"}]},{"type":"text","text":" or "},{"type":"text","text":"Time","marks":[{"type":"bold"}]},{"type":"text","text":")."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust "},{"type":"text","text":"3D Path","marks":[{"type":"bold"}]},{"type":"text","text":" coordinates and preview the live flight path!"}]}]}],"attrs":{"type":null,"start":1}}]},"introduction":"Cinematic 3D kinetic text reveals","slug":"bezier-text-3d","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/01a0b67c-ef6b-7003-b506-f66e1ede50ba.png","metadata":{"tint":{"h":0,"s":53,"l":66},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-04-14T15:19:44.761Z","updatedAt":"2026-09-19T12:46:32.039Z","publishedAt":"2026-04-16T00:31:12.161Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://proud-author-683541.framer.app","price":"7","paymentUrl":"https://evixelstudio.gumroad.com/l/BezierTextScroll","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"eqtco6Y9J9yjlL6MRn8x","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-16T00:31:12.161Z","updatedAt":"2026-04-16T00:31:12.161Z","reported":false,"type":"post"}}],"$L58"]

Suggested for you