5e:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3awijedhrxpbw.js","/creators-assets/_next/static/immutable/chunks/3o0cqdz8985ga.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/28fmj980eeb2_.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2153ffzc7w8_p.js","/creators-assets/_next/static/immutable/chunks/1p5p3hxx00owh.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/36qo1dmrtpc-y.js","/creators-assets/_next/static/immutable/chunks/2ftyr4ytobomh.js","/creators-assets/_next/static/immutable/chunks/2b15v_9ruhnys.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/26nhnsanh2piz.js","/creators-assets/_next/static/immutable/chunks/2riq6xk2ap_dl.js","/creators-assets/_next/static/immutable/chunks/1q3yt3z40r1ue.js","/creators-assets/_next/static/immutable/chunks/0obutf_6v-cke.js","/creators-assets/_next/static/immutable/chunks/2c3kst02zyvdw.js","/creators-assets/_next/static/immutable/chunks/27qgxb67it-2c.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2jy6qwxbn3dqw.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/2051y-i4b0nnm.js"],"PostDetailCard"] 60:I[539959,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3awijedhrxpbw.js","/creators-assets/_next/static/immutable/chunks/3o0cqdz8985ga.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/28fmj980eeb2_.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2153ffzc7w8_p.js","/creators-assets/_next/static/immutable/chunks/1p5p3hxx00owh.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/36qo1dmrtpc-y.js","/creators-assets/_next/static/immutable/chunks/2ftyr4ytobomh.js","/creators-assets/_next/static/immutable/chunks/2b15v_9ruhnys.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/26nhnsanh2piz.js","/creators-assets/_next/static/immutable/chunks/2riq6xk2ap_dl.js","/creators-assets/_next/static/immutable/chunks/1q3yt3z40r1ue.js","/creators-assets/_next/static/immutable/chunks/0obutf_6v-cke.js","/creators-assets/_next/static/immutable/chunks/2c3kst02zyvdw.js","/creators-assets/_next/static/immutable/chunks/27qgxb67it-2c.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2jy6qwxbn3dqw.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/2051y-i4b0nnm.js"],"CommentSection"] 5f:T463,

How it works

Drop Inkwell onto your page, type your text, pick your colors, and scroll. Words fill one by one as users move down the page. Simple.

Three effects

- Fade: smooth color transition, word by word

- Blur: words start soft and sharpen as they fill

- Snap: instant color switch for a punchy feel

Full typography control

Uses Framer's native extended font picker. Set font family, weight, size, line height, letter spacing, and alignment directly from the properties panel. Works with Framer's responsive breakpoints.

Additional controls

- Trigger timing: start the fill early, normal, or late in the viewport

- Play once: lock the fill after scrolling past, or let it replay on scroll up

- Semantic HTML: H1 through H6, P, or Span for accessibility and SEO

- Line breaks: press Enter in the text field for paragraph spacing

Support

Email new@duties.xyz

5b:[["$","$L5e",null,{"post":{"id":"019e0165-1bbe-727b-bc72-605f1b13b049","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"f80c7494-a852-4be5-a234-7d035a47bd6f","name":"Duties","slug":"dutiesxyz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/47919/avatar-HsZ7p8oend1nJUjZuCWJVXTUh5ExaA.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"yrV5sNouq975DfdoOsai","resolved":true,"title":"Inkwell","body":"$5f","bodyJson":null,"introduction":"Text that fills with color on scroll","slug":"inkwell","author":{"framerUserId":"f80c7494-a852-4be5-a234-7d035a47bd6f","name":"Duties","slug":"dutiesxyz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/47919/avatar-HsZ7p8oend1nJUjZuCWJVXTUh5ExaA.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/yrV5sNouq975DfdoOsai/inkwell-0QVyvcfiyZYWc3uytqhKAhreuSVeoy","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-04T12:48:39.733Z","updatedAt":"2026-05-07T09:00:43.776Z","publishedAt":"2026-05-07T07:44:23.998Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://inkwell-component.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/FPv32SkV-inkwell","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Typography","slug":"typography"}],"lastSaveId":"vqOuQdruN8wFhbv7rjTM"}}],"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-05-07T07:44:23.998Z","updatedAt":"2026-05-07T07:44:23.998Z","reported":false}}],["$","$L60",null,{"target":{"kind":"post","postId":"019e0165-1bbe-727b-bc72-605f1b13b049"},"postId":"019e0165-1bbe-727b-bc72-605f1b13b049","postAuthor":"$5b:0:props:post:author","targetCommentId":"$undefined"}]]

Suggested for you