A new way to make gradients alive. Available on Framer and Figma.
Need an MVP like ShaderGradient?
We'll build it in less than 7 days. Book a free discovery call with Tiny Startup Studio.
Book free discovery call →ShaderGradient (shadergradient.co) is an animated WebGL gradient tool — 'a new way to make gradients alive. Available on Framer and Figma.' Animated WebGL gradients with Framer + Figma native integration. Sits alongside NEAT by Linear (Linear's free open-source animated gradient generator working across any stack), HD Gradients (covered earlier — modern color space gradients with oklch + oklab + display-p3), Framer Shaders (covered earlier — Framer-specific WebGL effects including shaders), and various gradient tools (cccolor + ColorBox + Coolors covered earlier as static color tools). Distinguished from NEAT (Linear's open-source — works across stacks) by Framer + Figma native integration, distinguished from HD Gradients (modern color spaces static gradients) by animated focus, distinguished from Framer Shaders (broader Framer WebGL effects) by gradient-specific positioning. Verify pricing on shadergradient.co. Best for Framer + Figma designers wanting animated WebGL gradients with native integration. Skip for stack-agnostic animated gradients (NEAT works everywhere + open-source free), modern color space static gradients (HD Gradients for oklch + display-p3), or projects not needing animated gradients.
⏱ 30-second verdict
A new way to make gradients alive. Available on Framer and Figma.
Animated WebGL gradients
Framer + Figma designers adding animated WebGL gradients to marketing sites + product pages.
ShaderGradient (shadergradient.co) is an animated WebGL gradient tool — 'a new way to make gradients alive. Available on Framer and Figma.' Sits alongside NEAT by Linear (Linear's free open-source animated gradient generator), HD Gradients (covered earlier — modern color space gradients), Framer Shaders (covered earlier — Framer-specific WebGL effects). ShaderGradient specifically positions on animated gradients with Framer + Figma integration.
Free / Pro
Verify pricing on shadergradient.co.
NEAT (Linear's open-source animated gradient generator) works across any stack. ShaderGradient specifically integrates with Framer + Figma. Pick NEAT for stack-agnostic + free + open-source; pick ShaderGradient for Framer + Figma native integration.
No reviews yet — be the first.
Wix Studio
The intuitive way to design exceptional sites, with full-stack business solutions, multi-site management and built-in AI.
Whale Sync
Two-way sync data between Airtable, Webflow, & Postgres. Create programmatic SEO pages, internal tools, and more.
Webflow Gradient Generator
Convert Gradients from Design to Webflow
Thenty
Authenticate, monetize & launch a membership site on Framer like magic.
ThemeMe
ThemeMe is a collection of premium Framer templates and resources that help people ship Framer websites quickly and inexpensively.
Templyo
A collection of free Framer templates