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

Give your typography tactile physical momentum. Scroll Velocity Text Blur reacts in real time to page scroll speed—stretching, skewing, tilting, and blurring text with optical motion blur and spring-damped recovery that settles into crisp readability the moment scrolling stops.

Key Features

Velocity-Driven Physics: Text reacts directly to how fast the user scrolls, driven by smooth, frame-synced springs that prevent jitter.
True Directional Blur: Switch between standard uniform blur or directional SVG motion blur streaks aligned to the scroll axis.
Organic Squash & Stretch: Dynamically stretches along the movement vector while squashing the cross-axis to preserve visual volume.
Weight & Momentum Lag: Add trailing positional lag and 3D perspective tilt that leans typography into the direction of scroll.
Vertical & Horizontal Tracking: Reacts seamlessly to vertical page scrolling or horizontal scroll setups.
Performance Optimized: Includes sub-pixel dead zones to eliminate micro-jitter, automatic spring sleep when idle, and full reduced-motion accessibility.

Property Controls

Typography: Full font formatting, custom color, text alignment, wrap toggles, and semantic SEO tags (H1–H4, P, Span).
Container: Box styling with padding, background fill, border controls, radius, shadow, and overflow clipping.
Tracking: Axis selection, speed sensitivity, response curve (Soft, Linear, Smooth, Sharp), spring stiffness/damping, and an in-canvas preview slider.
Effects: Adjust peak blur intensity, blur mode (Uniform vs. Directional), stretch %, squash %, skew angle, lag distance, 3D tilt, and velocity fade.

Quick Start Guide

Drop the component onto your Framer canvas.
Enter your headline in Text and style your typography.
Set your preferred Tracking sensitivity and spring feel.
Dial in blur, stretch, and skew in Effects, then preview while scrolling!

53:[["$","$L56",null,{"post":{"id":"019d8e95-a15c-7eb9-aea9-11ca5effc12d","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":"DcLEo85bJeto2eL3nWfX","resolved":true,"title":"Scroll Blur Text","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Give your typography tactile physical momentum. Scroll Velocity Text Blur reacts in real time to page scroll speed—stretching, skewing, tilting, and blurring text with optical motion blur and spring-damped recovery that settles into crisp readability the moment scrolling stops."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Velocity-Driven Physics:","marks":[{"type":"bold"}]},{"type":"text","text":" Text reacts directly to how fast the user scrolls, driven by smooth, frame-synced springs that prevent jitter."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"True Directional Blur:","marks":[{"type":"bold"}]},{"type":"text","text":" Switch between standard uniform blur or directional SVG motion blur streaks aligned to the scroll axis."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Organic Squash & Stretch:","marks":[{"type":"bold"}]},{"type":"text","text":" Dynamically stretches along the movement vector while squashing the cross-axis to preserve visual volume."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Weight & Momentum Lag:","marks":[{"type":"bold"}]},{"type":"text","text":" Add trailing positional lag and 3D perspective tilt that leans typography into the direction of scroll."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Vertical & Horizontal Tracking:","marks":[{"type":"bold"}]},{"type":"text","text":" Reacts seamlessly to vertical page scrolling or horizontal scroll setups."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Performance Optimized:","marks":[{"type":"bold"}]},{"type":"text","text":" Includes sub-pixel dead zones to eliminate micro-jitter, automatic spring sleep when idle, and full reduced-motion accessibility."}]}]}]},{"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, custom color, text alignment, wrap toggles, and semantic SEO tags (H1–H4, P, Span)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Container:","marks":[{"type":"bold"}]},{"type":"text","text":" Box styling with padding, background fill, border controls, radius, shadow, and overflow clipping."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tracking:","marks":[{"type":"bold"}]},{"type":"text","text":" Axis selection, speed sensitivity, response curve (Soft, Linear, Smooth, Sharp), spring stiffness/damping, and an in-canvas preview slider."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Effects:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust peak blur intensity, blur mode (Uniform vs. Directional), stretch %, squash %, skew angle, lag distance, 3D tilt, and velocity fade."}]}]}]},{"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 headline in "},{"type":"text","text":"Text","marks":[{"type":"bold"}]},{"type":"text","text":" and style your typography."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set your preferred "},{"type":"text","text":"Tracking","marks":[{"type":"bold"}]},{"type":"text","text":" sensitivity and spring feel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dial in blur, stretch, and skew in "},{"type":"text","text":"Effects","marks":[{"type":"bold"}]},{"type":"text","text":", then preview while scrolling!"}]}]}],"attrs":{"type":null,"start":1}}]},"introduction":"Scroll-driven kinetic text blur","slug":"scroll-blur-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/01a0b67e-1bfe-7229-90b4-c3827a59066f.png","metadata":{"tint":{"h":210,"s":70,"l":60},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-04-06T17:38:25.275Z","updatedAt":"2026-09-19T12:52:16.785Z","publishedAt":"2026-04-15T00:41:04.092Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://strange-onboarding-001808.framer.app","price":"5","paymentUrl":"https://evixelstudio.gumroad.com/l/ScrollVelocity","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"pfovAOtyaCPLNamP4Y7O","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-15T00:41:04.092Z","updatedAt":"2026-04-15T00:41:04.092Z","reported":false,"type":"post"}}],"$L58"]

Suggested for you