5d:I[473921,["/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/0u552s53_rxfi.js","/creators-assets/_next/static/immutable/chunks/3futvmn4fb096.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/1ozc4wc1du10z.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/34_0fkt_tc42s.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/03stgnoj58q7s.js","/creators-assets/_next/static/immutable/chunks/1cey7skpirawe.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3gipqcylfnv5h.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/1ftf6fdyz0hh4.js","/creators-assets/_next/static/immutable/chunks/2lxef2-u417vc.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/2y36h9lujf54i.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"] 5f:I[885856,["/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/0u552s53_rxfi.js","/creators-assets/_next/static/immutable/chunks/3futvmn4fb096.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/1ozc4wc1du10z.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/34_0fkt_tc42s.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/03stgnoj58q7s.js","/creators-assets/_next/static/immutable/chunks/1cey7skpirawe.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3gipqcylfnv5h.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/1ftf6fdyz0hh4.js","/creators-assets/_next/static/immutable/chunks/2lxef2-u417vc.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/2y36h9lujf54i.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"],"CommentSection"] 5e:T6e3,

Doodled Text is a component for Framer that brings personality and playfulness to your typography by adding hand-drawn doodle effects — either animated or static — to individual words.

Built with flexibility and creative expression in mind, this component lets you highlight up to 7 words with four distinct doodle styles: circle, underline, highlight, and cross-out. Each word can be independently customized with its own doodle type and color, giving you complete creative control over your text emphasis.

The component uses authentic sketch-style SVG filters to create organic, hand-drawn effects that feel natural and spontaneous. Each doodle features subtle texture variations and multiple overlapping strokes to replicate the imperfect charm of real marker drawings. Enable animations to watch doodles elegantly draw themselves in sequence when they enter the viewport, or keep them static for a clean, instant look.

What's Included:

Four doodle styles (circle, underline, highlight, cross-out)
Toggle between animated and static modes
Smooth draw-on animations with viewport detection
Loop or play-once animation modes
Adjustable animation duration
Individual controls for up to 7 words
Customizable colors for each word
Adjustable thickness and opacity
Hand-drawn texture effects
Sequential word-by-word animation
Multi-line text support with \n breaks
Full font customization (size, weight, family)
Text color control
Fully responsive design
Lifetime updates
Ongoing support

5a:[["$","$L5d",null,{"post":{"id":"019abfd9-e3a5-7d24-aa0d-31f01339cd3d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"b7e3fbc3-5606-44cf-8e72-d50f4aa10f55","name":"Java Studio","slug":"java-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/54754/avatar-OnNBSSaYV2NYaRFxiprtlW5VrF98h7.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"kECHDaqoO6Ii5P4KTZSZ","resolved":true,"title":"Doodled Text","body":"$5e","bodyJson":null,"introduction":"","slug":"doodled-text","author":{"framerUserId":"b7e3fbc3-5606-44cf-8e72-d50f4aa10f55","name":"Java Studio","slug":"java-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/54754/avatar-OnNBSSaYV2NYaRFxiprtlW5VrF98h7.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/kECHDaqoO6Ii5P4KTZSZ/doodled-text-RjJz5T4oyGitLueNm9ggPFTO6URZHE","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-24T18:25:29.623Z","updatedAt":"2025-11-26T11:05:06.830Z","publishedAt":"2025-11-26T11:08:39.205Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://doodled-text.framer.website/","price":"10","paymentUrl":"https://buy.stripe.com/eVqaEZ9dT1KR76S9aTgEg06","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"u3wSIawYeZNMKuCSEkNh","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-26T11:08:39.205Z","updatedAt":"2025-11-26T11:08:39.205Z","reported":false,"type":"post"}}],["$","$L5f",null,{"target":{"kind":"post","postId":"019abfd9-e3a5-7d24-aa0d-31f01339cd3d"},"postId":"019abfd9-e3a5-7d24-aa0d-31f01339cd3d","postAuthor":"$5a:0:props:post:author","targetCommentId":"$undefined"}]]

Suggested for you