Let's keep in touch
Be the first to hear exciting news from us,
like a major update and promotion!
ShaderGradient

Make your designs alive.
Shadergradient is a new tool to create beautiful, moving gradients.
Available on Figma, Framer, and as React component.
Start creating from your favorite tool

Make your designs alive.
Shadergradient is a new tool to create beautiful, moving gradients.
Available on Figma, Framer, and as React component.
Start creating from your favorite tool
Create beautiful moving gradients
Create beautiful moving gradients




Designers'
Designers'
new friend
new friend
Available right on your favorite tools,
Framer and Figma.
Join those amazing designers
who've been using ShaderGradient!
Jan 11, 2023
7:00
Jan 11, 2023
7:00
Exclusively for Framer
Components for
colorful
interactions
colorful interactions
Exclusively
for Framer
Components for
colorful
interactions
colorful interactions
Hej,
We're a creative agency
based in Copenhagen, Denmark.
Projects
Team
Contact
Contact
Join Newsletter
FIND INSPIRATION
FIND INSPIRATION
#64b4ff - #5c5c7c - #c8c8c8
#64b4ff - #5c5c7c - #c8c8c8
Randomize
Randomize
It's all 3d
Unveil the secret
You can change
shape,
colors,
speed,
shader,
noise density,
noise strength,
spiral,
grain,
lighting,
environment,
brightness,
reflection,
zoom,
position,
rotation,
...
So, create yours now
It's all 3d
Unveil the secret
You can change
shape,
colors,
speed,
shader,
noise density,
noise strength,
spiral,
grain,
lighting,
environment,
brightness,
reflection,
zoom,
position,
rotation,
...
So, create yours now
Gradients from
Gradients from
the community
the community
Use gradients from the community,
and submit your gradients as well!
Browse and use gradients
from the community,
Or, share your gradients as well!
Tropical Forest
031

kakki
Tropical Forest
031

kakki
Serenity
211

eric
Serenity
211

eric
Sunset
068

sara

Let's connect
Follow us for product updates,
support and inspiration
Follow us for
product updates,
support and inspiration