5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3jpuro209qqra.js","/creators-assets/_next/static/immutable/chunks/2qlox892e2j_q.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/07e2f_v4-u-we.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3orcs6a8eyfvz.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/120zfy8hqrcwf.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/2c_4he4mvu2r0.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3q7g04e77g4lf.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/0lmnldnlzsgok.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/0z2hzm-7v_g2c.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.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/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2_qutx8yar-up.js","/creators-assets/_next/static/immutable/chunks/0p4vy6mn-x9zs.js"],"PostDetailCard"] 5e:I[539959,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3jpuro209qqra.js","/creators-assets/_next/static/immutable/chunks/2qlox892e2j_q.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/07e2f_v4-u-we.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3orcs6a8eyfvz.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/120zfy8hqrcwf.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/2c_4he4mvu2r0.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3q7g04e77g4lf.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/0lmnldnlzsgok.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/0z2hzm-7v_g2c.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.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/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2_qutx8yar-up.js","/creators-assets/_next/static/immutable/chunks/0p4vy6mn-x9zs.js"],"CommentSection"] 5d:T570,

Smart Gradient Builder is a premium Framer plugin designed to help designers create beautiful, high-quality gradients directly inside the canvas without guesswork.

Effortlessly generate linear, radial, and advanced aurora-style mesh gradients from a single base color, or extract rich color palettes from images and instantly convert them into smooth, production-ready gradients.

Take full control with intuitive gradient editing tools, including draggable color stops, gradient direction (linear or radial), softness, spread, intensity, and grain. All adjustments are rendered in real time, ensuring fast iteration and precise visual results.

Built for modern UI design, Smart Gradient Builder is ideal for creating stunning hero sections, backgrounds, landing pages, and SaaS interfaces with consistent, professional-grade color systems.

Key features:

One-click gradient generation from a single color
Image-to-gradient color extraction
Linear, radial, glow, and mesh gradient support
Fully editable gradient stops and direction control
Real-time preview and instant apply to canvas
Optimized for Framer workflows and modern web design

Perfect for UI/UX designers, product designers, and creators building visually rich, scalable interfaces in Framer.

59:[["$","$L5c",null,{"post":{"id":"019cfbd4-d80c-7920-bcfb-749d5e87b8ca","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"6fb7a007-c022-4ff2-b2f9-820aa08c012e","name":"ahmad madhoun","slug":"ahmad-madhoun","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/33030/Zoho-Profile-Avatar-ahmed-6SZCm05NhRAbYdmsTLsQesSq0Jr2gM.png","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"905","resolved":true,"title":"Smart Gradient Builder","body":"$5d","bodyJson":null,"introduction":"Smart Gradient Builder","slug":"smart-gradient-builder","author":{"framerUserId":"6fb7a007-c022-4ff2-b2f9-820aa08c012e","name":"ahmad madhoun","slug":"ahmad-madhoun","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/33030/Zoho-Profile-Avatar-ahmed-6SZCm05NhRAbYdmsTLsQesSq0Jr2gM.png","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/905-tT6zBrA5AwwGyFJwzVnmyDlAGrXZWZ"},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/905-P5TlfdBb1VgOYs5wBQEB1EeuOwoSQM"},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/905-h2MO5DPTiD1Scyk60tsVfoQ75TeW4C"}],"post":null,"createdAt":"2026-03-17T08:35:14.388Z","updatedAt":"2026-03-20T02:43:16.522Z","publishedAt":"2026-03-17T12:45:56.108Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"4tnr9x039xrhtzjsdimpaskty","paid":false,"categories":[{"id":"b238ea64-0ce9-413a-848d-43b73f0eea0f","name":"Design Workflow","slug":"design-workflow"}]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-17T12:45:56.108Z","updatedAt":"2026-03-17T12:45:56.108Z","reported":false}}],["$","$L5e",null,{"target":{"kind":"post","postId":"019cfbd4-d80c-7920-bcfb-749d5e87b8ca"},"postId":"019cfbd4-d80c-7920-bcfb-749d5e87b8ca","postAuthor":"$59:0:props:post:author","targetCommentId":"$undefined"}]]

Suggested for you