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"] 5f:I[539959,["/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"],"CommentSection"] 5e:T545,

Animated Background Tool – a powerful, copy-paste Framer code component delivering cinematic animated backgrounds without external libraries.

Choose from three premium effects:

Noise Gradient: shifting rainbow hues + intense fractal noise overlay for organic, evolving texture.
Lava / Liquid Gradient: molten blob animations that flow and pulse from the bottom center, perfect for fiery or energetic vibes.
Halo Gradient: soft, glowing radial halos anchored at bottom center for dreamy, atmospheric depth.

Key features

3 custom color pickers (Primary, Secondary, Accent) that instantly theme every effect
All animations focalized at bottom center for balanced, professional composition
Animate Preview toggle – turn off for static exports, performance checks, or subtle designs
Smooth, performant CSS + SVG implementation – no heavy WebGL
Easy to use: drag to fill frame, select effect & colors in properties panel

Ideal for hero sections, landing pages, portfolios, apps, or any project needing modern, eye-catching motion. Remix, tweak, and make it yours!

5a:[["$","$L5d",null,{"post":{"id":"019d52b5-4f22-74e5-a445-d2cf216dd55a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"91a285c6-8ddb-4fbf-9d91-4fbda71e873d","name":"Spatarshi Nath","slug":"spatarshi-nath","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/134201/avatar-J1H4rqQfGhbY50gzdVGy3hBMUlgxMA.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"p9PbnQeo9VOsFNJVOpPW","resolved":true,"title":"3 Animated Gradients","body":"$5e","bodyJson":null,"introduction":"Three animated gradient backgrounds","slug":"3-animated-gradients","author":{"framerUserId":"91a285c6-8ddb-4fbf-9d91-4fbda71e873d","name":"Spatarshi Nath","slug":"spatarshi-nath","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/134201/avatar-J1H4rqQfGhbY50gzdVGy3hBMUlgxMA.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/p9PbnQeo9VOsFNJVOpPW/3-animated-gradients-rIpK0gTbKbQKi7k7mPQzTmBot7JWWN","metadata":{"tint":{"h":312,"s":42,"l":31},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-04T16:16:58.648Z","updatedAt":"2026-04-03T09:37:25.579Z","publishedAt":"2026-04-03T09:38:27.234Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/PlainBread-Studio-Animated-Backgrounds-V1-zIJg2v.js@xVYC2xsWsNq3qxXNPmg0","previewUrl":"https://threegradients.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"xVYC2xsWsNq3qxXNPmg0","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":33,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-03T09:38:27.234Z","updatedAt":"2026-04-03T09:38:27.234Z","reported":false}}],["$","$L5f",null,{"target":{"kind":"post","postId":"019d52b5-4f22-74e5-a445-d2cf216dd55a"},"postId":"019d52b5-4f22-74e5-a445-d2cf216dd55a","postAuthor":"$5a:0:props:post:author","targetCommentId":"$undefined"}]]

Suggested for you