5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rdgef59pv3cw.js","/creators-assets/_next/static/immutable/chunks/0zdv1ssrxkrvj.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/0gxswkth5mc6b.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/36invrtoq879v.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0j6nyijn0flqd.js","/creators-assets/_next/static/immutable/chunks/2b15v_9ruhnys.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3h1dt97hv5ik0.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/0w757zrv0hi6k.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/1h-r9oggqjick.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.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"] 5d:T7e6,

Description

Bring a high end, gallery grade editorial aesthetic to your Framer projects.

The movement mimics a slow, natural, hypnotic fluid infusion reminiscent of fountain pen ink dispersing across textured watercolor stock.

Engineered from the ground up to prioritize site performance, it runs entirely on native WebGL with zero heavy external libraries (like Three.js), ensuring your site keeps a solid FPS profile.

Key Controls

Flow Speed: Calibrate the rate of the ink bleed. Shift effortlessly from a frozen, static marble pattern to a steady, deliberate kinetic animation.

Ink Scale (Density): Adjust the complexity and scale of the generative waves. Lower values produce broad, sweeping color bleeds, while higher values create tight, intricate veins of ink.

Ink Saturation (Contrast): Control the depth and visibility of the color palette, allowing you to tune how aggressively the deep blues and purples punch through the textured beige backdrop.

Perfect For

Built specifically for creators, agencies, and brands looking to elevate their digital storytelling.

High-End Editorial Sites: The perfect backdrop for online magazines, fashion lookbooks, culture publications, and digital essays requiring a tactile, physical print aesthetic.

Minimalist Design Portfolios: Ideal for graphic designers, creative directors, art directors, and architects.

Premium Agency Landing Pages: An anchor for creative studios and development agencies aiming to showcase cutting edge WebGL interactive design.

Luxury Brand & E-Commerce Web Design: Product showcases, archival storytelling sections, and editorial landing pages for bespoke jewelry, high fashion, premium wellness, and craft goods.

Interactive Typographic Layouts: Turn standard headers into immersive, interactive art installations.

59:[["$","$L5c",null,{"post":{"id":"019edd03-9ff9-74f5-a3f5-136df0926678","title":null,"body":"

+Paper+Ink+

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"+Paper+Ink+"}]}]},"author":{"framerUserId":"bdfcb3fb-b8e8-43c2-873e-3d0e51da83e6","name":"Sha","slug":"shahabal-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bdfcb3fb-b8e8-43c2-873e-3d0e51da83e6/x082ru5p","followed":false,"followsYou":false},"media":[],"resources":[{"id":"8hdja1mFGLmb45sFC76C","resolved":true,"title":"Paper Ink Background","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Description","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Bring a high end, gallery grade editorial aesthetic to your Framer projects."}]},{"type":"paragraph","content":[{"type":"text","text":"The movement mimics a slow, natural, hypnotic fluid infusion reminiscent of fountain pen ink dispersing across textured watercolor stock."}]},{"type":"paragraph","content":[{"type":"text","text":"Engineered from the ground up to prioritize site performance, it runs entirely on native WebGL with zero heavy external libraries (like Three.js), ensuring your site keeps a solid FPS profile."}]},{"type":"paragraph","content":[{"type":"text","text":"Key Controls ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Flow Speed: Calibrate the rate of the ink bleed. Shift effortlessly from a frozen, static marble pattern to a steady, deliberate kinetic animation."}]},{"type":"paragraph","content":[{"type":"text","text":"Ink Scale (Density): Adjust the complexity and scale of the generative waves. Lower values produce broad, sweeping color bleeds, while higher values create tight, intricate veins of ink."}]},{"type":"paragraph","content":[{"type":"text","text":"Ink Saturation (Contrast): Control the depth and visibility of the color palette, allowing you to tune how aggressively the deep blues and purples punch through the textured beige backdrop."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect For","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built specifically for creators, agencies, and brands looking to elevate their digital storytelling. "}]},{"type":"paragraph","content":[{"type":"text","text":"High-End Editorial Sites:","marks":[{"type":"bold"}]},{"type":"text","text":" The perfect backdrop for online magazines, fashion lookbooks, culture publications, and digital essays requiring a tactile, physical print aesthetic."}]},{"type":"paragraph","content":[{"type":"text","text":"Minimalist Design Portfolios: ","marks":[{"type":"bold"}]},{"type":"text","text":"Ideal for graphic designers, creative directors, art directors, and architects."}]},{"type":"paragraph","content":[{"type":"text","text":"Premium Agency Landing Pages:","marks":[{"type":"bold"}]},{"type":"text","text":" An anchor for creative studios and development agencies aiming to showcase cutting edge WebGL interactive design."}]},{"type":"paragraph","content":[{"type":"text","text":"Luxury Brand & E-Commerce Web Design:","marks":[{"type":"bold"}]},{"type":"text","text":" Product showcases, archival storytelling sections, and editorial landing pages for bespoke jewelry, high fashion, premium wellness, and craft goods."}]},{"type":"paragraph","content":[{"type":"text","text":"Interactive Typographic Layouts: ","marks":[{"type":"bold"}]},{"type":"text","text":"Turn standard headers into immersive, interactive art installations."}]}]},"introduction":"Fluid ink shader for websites","slug":"paper-ink-background","author":{"framerUserId":"bdfcb3fb-b8e8-43c2-873e-3d0e51da83e6","name":"Sha","slug":"shahabal-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bdfcb3fb-b8e8-43c2-873e-3d0e51da83e6/x082ru5p","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bdfcb3fb-b8e8-43c2-873e-3d0e51da83e6/7othelm3","metadata":{"tint":"hsl(60 70% 35%)","aspectRatio":1.3333333333333333}}],"post":null,"createdAt":"2026-06-18T23:14:22.797Z","updatedAt":"2026-06-19T06:10:11.794Z","publishedAt":"2026-06-18T23:14:22.793Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://easy-choose-413013.framer.app/","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_vjt7mH1nvzCGXDB8t17J0fBcp17tnljGA1pLo1KaeRI","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"LwoFqIjzVjTMDWv1avNL"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-18T23:14:22.841Z","updatedAt":"2026-06-18T23:14:22.841Z","reported":false}}],"$L5e"]

Suggested for you