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

C
r
e
a
t
e
 
b
e
a
t
u
i
f
u
l

m
o
v
i
n
g
 
g
r
a
d
i
e
n
t
s

M
a
k
e
 
l
i
v
e
 
w
e
b
s
i
t
e
s

o
n
 
F
r
a
m
e
r

Create unique websites on Framer

with moving gradients.



R
e
m
i
x
 
L
i
n
k
 
→

C
o
p
y
 
c
o
m
p
o
n
e
n
t

Immerse into the new universe.

It's just a beginning.

Connect with us

New immersive

Experience

*

MOOVE

#64b4ff - #5c5c7c - #c8c8c8

R
a
n
d
o
m
i
z
e

Make

your website

stand out

TRY IT OUT ->

Home

About

Store

Blog

Hej,

Projects

Team

Contact

Join Newsletter

Hover

on me!

7:00

Oct 27, 2025

ShaderGradient

halo.webm

figma-export
figma-export-download
trigger-downloaded-start
trigger-downloaded-end
figma-end
what-makes-diff
it-is-3d
word-scroll-start
highlight-end

Built by

R
u
u
c
m
↗

Creative Developer

S
e
u
n
g
m
e
e
↗

Creative Designer

Keep in touch

For product updates and any bug report

T
w
i
t
t
e
r
↗

I
n
s
t
a
g
r
a
m
↗

00

Halo

↓

↑

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

currentSection: 0

currentWordNum: 0

Framer Remix

Figma Plugin

React Component

T
r
y
 
o
n
 
w
e
b
 
→

Create a free website with Framer, the website builder loved by startups, designers and agencies.