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/3f4g-fr876v8f.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/34g6edkub9lqm.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/16queuxy94k6z.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:T946,

https://framer-text-animations.framer.ai/

Text Animations is a looping text animation component for Framer with 18 unique animation styles. Each letter is revealed with a smooth animation, making it perfect for preloaders, intros, splash screens, hero headlines, and brand moments.

Key Features

18 Animation Styles Choose from Mask X, Mask Up, Mask Down, Alternating Lanes, Sliding Window, Tilted Wipe, Bottom-Up Characters, Soft Depth, Blur Reveal, Scale Pop, Zoom From Big, Flip Up 3D, Spin In, Bounce Drop, Skew Slide, Scatter, Typewriter, and Door Swing.

Seamless Looping Each animation reveals the text, animates it out, and automatically starts again for continuous motion without additional interactions.

Editable Letters Enter up to 10 characters using individual letter fields. Leave unused fields empty and the layout automatically adjusts to fit your content.

Custom Colors Easily customize the Text Color and Background Color using native Framer property controls.

Optional Logo Show or hide a logo with one toggle and upload your own logo directly from the component controls.

Auto-Sizing Layout The component automatically adapts to your text length, keeping short and long words centered and balanced.

Built Natively in Framer Made entirely with Framer variants and interactions. No custom code, external libraries, or complicated setup required.

How to Use

Drag Text Animations onto your canvas.

Choose an animation from the Variant dropdown.

Enter your text in the Letter 1–10 fields.

Customize the Text Color and Background.

Turn Show Logo on or off and upload your logo.

Preview your page—the animation plays and loops automatically.

Use it as a preloader, intro, hero animation, splash screen, or looping brand experience anywhere on your website.

Need help? Feel free to reach out anytime: ah0265382@gmail.com

53:[["$","$L56",null,{"post":{"id":"01a11c5c-b0cd-7339-98e0-d371e7954a36","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"fcbcfe9e-7e4d-4f9f-8be0-624628f8db4b","name":"Carebo","slug":"carebo-x","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/fcbcfe9e-7e4d-4f9f-8be0-624628f8db4b/vl7colv8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"smcchDfAVnjU0jnzOaXT","resolved":true,"title":"Text Animations","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"https://framer-text-animations.framer.ai/","marks":[{"type":"link","attrs":{"href":"https://framer-text-animations.framer.ai/","target":"_blank","rel":"noopener noreferrer nofollow"}}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Text Animations","marks":[{"type":"bold"}]},{"type":"text","text":" is a looping text animation component for Framer with "},{"type":"text","text":"18 unique animation styles","marks":[{"type":"bold"}]},{"type":"text","text":". Each letter is revealed with a smooth animation, making it perfect for preloaders, intros, splash screens, hero headlines, and brand moments."}]},{"type":"customHeading","attrs":{"level":1},"content":[{"type":"text","text":"Key Features","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"18 Animation Styles","marks":[{"type":"bold"}]},{"type":"text","text":" Choose from Mask X, Mask Up, Mask Down, Alternating Lanes, Sliding Window, Tilted Wipe, Bottom-Up Characters, Soft Depth, Blur Reveal, Scale Pop, Zoom From Big, Flip Up 3D, Spin In, Bounce Drop, Skew Slide, Scatter, Typewriter, and Door Swing."}]},{"type":"paragraph","content":[{"type":"text","text":"Seamless Looping","marks":[{"type":"bold"}]},{"type":"text","text":" Each animation reveals the text, animates it out, and automatically starts again for continuous motion without additional interactions."}]},{"type":"paragraph","content":[{"type":"text","text":"Editable Letters","marks":[{"type":"bold"}]},{"type":"text","text":" Enter up to 10 characters using individual letter fields. Leave unused fields empty and the layout automatically adjusts to fit your content."}]},{"type":"paragraph","content":[{"type":"text","text":"Custom Colors","marks":[{"type":"bold"}]},{"type":"text","text":" Easily customize the Text Color and Background Color using native Framer property controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Optional Logo","marks":[{"type":"bold"}]},{"type":"text","text":" Show or hide a logo with one toggle and upload your own logo directly from the component controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Auto-Sizing Layout","marks":[{"type":"bold"}]},{"type":"text","text":" The component automatically adapts to your text length, keeping short and long words centered and balanced."}]},{"type":"paragraph","content":[{"type":"text","text":"Built Natively in Framer","marks":[{"type":"bold"}]},{"type":"text","text":" Made entirely with Framer variants and interactions. No custom code, external libraries, or complicated setup required."}]},{"type":"customHeading","attrs":{"level":1},"content":[{"type":"text","text":"How to Use","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drag "},{"type":"text","text":"Text Animations","marks":[{"type":"bold"}]},{"type":"text","text":" onto your canvas."}]},{"type":"paragraph","content":[{"type":"text","text":"Choose an animation from the "},{"type":"text","text":"Variant","marks":[{"type":"bold"}]},{"type":"text","text":" dropdown."}]},{"type":"paragraph","content":[{"type":"text","text":"Enter your text in the Letter 1–10 fields."}]},{"type":"paragraph","content":[{"type":"text","text":"Customize the Text Color and Background."}]},{"type":"paragraph","content":[{"type":"text","text":"Turn "},{"type":"text","text":"Show Logo","marks":[{"type":"bold"}]},{"type":"text","text":" on or off and upload your logo."}]},{"type":"paragraph","content":[{"type":"text","text":"Preview your page—the animation plays and loops automatically."}]},{"type":"paragraph","content":[{"type":"text","text":"Use it as a "},{"type":"text","text":"preloader, intro, hero animation, splash screen, or looping brand experience","marks":[{"type":"bold"}]},{"type":"text","text":" anywhere on your website."}]},{"type":"paragraph","content":[{"type":"text","text":"Need help? Feel free to reach out anytime: "},{"type":"text","text":"ah0265382@gmail.com","marks":[{"type":"link","attrs":{"href":"mailto:ah0265382@gmail.com","target":"_blank","rel":"noopener noreferrer nofollow"}},{"type":"bold"}]}]}]},"introduction":"18 Animation Styles","slug":"text-animations","author":{"framerUserId":"fcbcfe9e-7e4d-4f9f-8be0-624628f8db4b","name":"Carebo","slug":"carebo-x","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/fcbcfe9e-7e4d-4f9f-8be0-624628f8db4b/vl7colv8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/fcbcfe9e-7e4d-4f9f-8be0-624628f8db4b/01a11c5c-77fe-7300-9e64-4f2a1d47acbe.png","metadata":{"tint":{"h":0,"s":81,"l":27},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-08T16:33:18.289Z","updatedAt":"2026-10-08T16:33:18.289Z","publishedAt":"2026-10-08T16:33:18.286Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://framer-text-animations.framer.ai/","price":"10","paymentUrl":"https://contra.com/payment-link/kkRXb4MP-framer-text-animations","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"irMqUO8RcBRPkzm3sd9K","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-08T16:33:19.053Z","updatedAt":"2026-10-08T16:33:19.053Z","reported":false,"type":"post"}}],"$L58"]

Suggested for you