5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T8ff,

Paint a second version of the same picture with a soft, organic brush that follows the cursor. The painted trail lingers, then fades back to the first picture.

Use two shots of the same frame: day and dusk, empty and furnished, sketch and render. They must line up exactly. Any two frames also work as layers.

Controls

Base Image: Picture seen at rest.
Reveal Image: Picture painted in by the brush. Same size and framing as the base.
Reveal Video: A video painted in instead of the reveal picture. Plays muted.
Base Layer: Any frame to use instead of the base picture.
Reveal Layer: Any frame to paint in instead of the reveal picture.
Focus: Focus point when the pictures are cropped, as x% y%.
Brush: Brush size.
Phone Brush: Brush size on phones.
Softness: How soft the brush edge is.
Organic Edge: How irregular the brush edge is. 0 is a clean circle.
Trail: How long the painted area stays before fading back, in seconds.
Follow: How tightly the brush follows the cursor. Lower trails behind.
Speed Grow: How much the brush widens when the cursor moves fast.
Background: Colour shown before the pictures load.
Radius: Corner radius.

Phones, dark mode, Arabic

On touch screens a tap or a finger drag paints, with a smaller brush (Phone Brush). With reduced motion the brush follows the finger or cursor without easing. Colour controls take your tokens, so dark mode follows the theme, and it works on Arabic right-to-left pages.

What you get

After checkout: the component link to paste onto your Framer canvas, plus an editable Framer project with a demo page.

All ten in one project for $49: Motion Kit

All sales are final, no refunds.

5a:[["$","$L5d",null,{"post":{"id":"01a11708-498e-771d-9c94-bcc09ee1d1d2","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d1f1d4af-85b2-49e8-a917-767bf65caf02","name":"Andrii Zakharov","slug":"unreelae","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d1f1d4af-85b2-49e8-a917-767bf65caf02/g3wze15e","followed":false,"followsYou":false},"media":[],"resources":[{"id":"NsKc1ZzM0zHptxz9UKOF","resolved":true,"title":"Dusk Brush","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Paint a second version of the same picture with a soft, organic brush that follows the cursor. The painted trail lingers, then fades back to the first picture."}]},{"type":"paragraph","content":[{"type":"text","text":"Use two shots of the same frame: day and dusk, empty and furnished, sketch and render. They must line up exactly. Any two frames also work as layers."}]},{"type":"customHeading","content":[{"type":"text","text":"Controls"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Base Image","marks":[{"type":"bold"}]},{"type":"text","text":": Picture seen at rest."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reveal Image","marks":[{"type":"bold"}]},{"type":"text","text":": Picture painted in by the brush. Same size and framing as the base."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reveal Video","marks":[{"type":"bold"}]},{"type":"text","text":": A video painted in instead of the reveal picture. Plays muted."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Base Layer","marks":[{"type":"bold"}]},{"type":"text","text":": Any frame to use instead of the base picture."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reveal Layer","marks":[{"type":"bold"}]},{"type":"text","text":": Any frame to paint in instead of the reveal picture."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Focus","marks":[{"type":"bold"}]},{"type":"text","text":": Focus point when the pictures are cropped, as x% y%."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Brush","marks":[{"type":"bold"}]},{"type":"text","text":": Brush size."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Phone Brush","marks":[{"type":"bold"}]},{"type":"text","text":": Brush size on phones."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Softness","marks":[{"type":"bold"}]},{"type":"text","text":": How soft the brush edge is."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Organic Edge","marks":[{"type":"bold"}]},{"type":"text","text":": How irregular the brush edge is. 0 is a clean circle."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Trail","marks":[{"type":"bold"}]},{"type":"text","text":": How long the painted area stays before fading back, in seconds."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Follow","marks":[{"type":"bold"}]},{"type":"text","text":": How tightly the brush follows the cursor. Lower trails behind."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Speed Grow","marks":[{"type":"bold"}]},{"type":"text","text":": How much the brush widens when the cursor moves fast."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Background","marks":[{"type":"bold"}]},{"type":"text","text":": Colour shown before the pictures load."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Radius","marks":[{"type":"bold"}]},{"type":"text","text":": Corner radius."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Phones, dark mode, Arabic"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"On touch screens a tap or a finger drag paints, with a smaller brush (Phone Brush). With reduced motion the brush follows the finger or cursor without easing. Colour controls take your tokens, so dark mode follows the theme, and it works on Arabic right-to-left pages."}]},{"type":"customHeading","content":[{"type":"text","text":"What you get"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"After checkout: the component link to paste onto your Framer canvas, plus an editable Framer project with a demo page."}]},{"type":"paragraph","content":[{"type":"text","text":"All ten in one project for $49: "},{"type":"text","text":"Motion Kit","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://buy.stripe.com/bJeeVd3Pq0y116z5l4f3a0i","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"All sales are final, no refunds."}]}]},"introduction":"Paint a second picture on hover","slug":"dusk-brush","author":{"framerUserId":"d1f1d4af-85b2-49e8-a917-767bf65caf02","name":"Andrii Zakharov","slug":"unreelae","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d1f1d4af-85b2-49e8-a917-767bf65caf02/g3wze15e","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d1f1d4af-85b2-49e8-a917-767bf65caf02/01a11708-08f8-722c-8df7-e0bd728830ac.jpg","metadata":{"tint":{"h":0,"s":0,"l":22},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-10-07T15:43:00.838Z","updatedAt":"2026-10-07T15:43:00.838Z","publishedAt":"2026-10-07T15:43:00.835Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://philosophical-stack-779260.framer.app","price":"9","paymentUrl":"https://buy.stripe.com/bJe3cv85G2G9cPh4h0f3a0b","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"vzDg3DXUWuPwziW7gPPi","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-07T15:43:01.518Z","updatedAt":"2026-10-07T15:43:01.518Z","reported":false}}],"$L5f"]

Suggested for you