S
h
a
d
e
r
G
r
a
d
i
e
n
t

S
h
a
d
e
r
G
r
a
d
i
e
n
t

Framer Plugin

Figma Plugin

React Component

T
r
y
 
o
n
 
w
e
b
 
→

Framer Plugin

Figma Plugin

React Component

T
r
y
 
o
n
 
w
e
b
 
→

↓
↑

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

C
r
e
a
t
e
 
b
e
a
u
t
i
f
u
l
 
m
o
v
i
n
g
 
g
r
a
d
i
e
n
t
s

C
r
e
a
t
e
 
b
e
a
u
t
i
f
u
l
 
m
o
v
i
n
g
 
g
r
a
d
i
e
n
t
s

D
e
s
i
g
n
e
r
s
'

D
e
s
i
g
n
e
r
s
'

n
e
w
 
f
r
i
e
n
d

n
e
w
 
f
r
i
e
n
d


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

C
o
m
p
o
n
e
n
t
s
 
f
o
r

c
o
l
o
r
f
u
l

i
n
t
e
r
a
c
t
i
o
n
s

c
o
l
o
r
f
u
l
 
i
n
t
e
r
a
c
t
i
o
n
s

R
e
m
i
x
 
L
i
n
k
 
→

F
r
a
m
e
r
 
P
l
u
g
i
n

Exclusively

for Framer

C
o
m
p
o
n
e
n
t
s
 
f
o
r

c
o
l
o
r
f
u
l

i
n
t
e
r
a
c
t
i
o
n
s

c
o
l
o
r
f
u
l
 
i
n
t
e
r
a
c
t
i
o
n
s

R
e
m
i
x
 
L
i
n
k
 
→

F
r
a
m
e
r
 
P
l
u
g
i
n

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

R
a
n
d
o
m
i
z
e

R
a
n
d
o
m
i
z
e

It's all 3d

U
n
v
e
i
l
 
t
h
e
 
s
e
c
r
e
t

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

U
n
v
e
i
l
 
t
h
e
 
s
e
c
r
e
t

You can change

shape,

colors,

speed,

shader,

noise density,

noise strength,

spiral,

grain,

lighting,

environment,

brightness,

reflection,

zoom,

position,

rotation,

...

So, create yours now

G
r
a
d
i
e
n
t
s
 
f
r
o
m

G
r
a
d
i
e
n
t
s
 
f
r
o
m

t
h
e
 
c
o
m
m
u
n
i
t
y

t
h
e
 
c
o
m
m
u
n
i
t
y



Use gradients from the community,

and submit your gradients as well!





Browse and use gradients

from the community,

Or, share your gradients as well!



B
r
o
w
s
e

Tropical Forest

031

kakki

Tropical Forest

031

kakki

Serenity

211

eric

Serenity

211

eric

Sunset

068

sara

L
e
t
'
s
 
c
o
n
n
e
c
t

Follow us for product updates,

support and inspiration

Follow us for

product updates,

support and inspiration

Twitter

Instagram

Product Hunt

M
a
d
e
 
b
y
 
t
w
o
 
c
r
e
a
t
i
v
e
 
g
e
e
k
s

SAY HI

Creative Developer

Ruucm

SAY HI

Creative Designer

Seungmee

L
e
t
'
s
 
c
o
n
n
e
c
t