ShaderGradient tool for beautiful, moving gradients.

Shader Gradient is a neat tool for creating beautiful moving gradients that can really make your designs pop. Whether you’re using Figma, Framer, or building with React, you’ve got options to experiment.

Shaders power the gradients, so you have full control over things like shape, colors, speed, noise, and more. Play around with presets like “Universe” or “Sunset,” or browse community submissions for inspiration.

It’s also fully 3D, so you can adjust lighting, environment, zoom, and other properties. Best of all, it’s super easy to add these magical gradients to your work—just copy and paste the code snippet.

So, if you’re a designer looking to take your work to another level or develop fantastic interactive elements, definitely check out Shader Gradient. It gives you a new way to make colors come alive.

UI & UX design inspiration for mobile & web apps.

orbs




Get Fountn

Pro friends get unlimited Figma conversions, bookmarks and collections.

Free Forever

$0

1 Figma conversion/day

5 collections

15 bookmarks

Limited access to new features

Current Plan

Fountn Pro

$6

Unlimited Figma conversions

Unlimited collections

Unlimited bookmarks

Full access to new features

Upgrade to Pro

You've reached your free limit. Upgrade for unlimited access.