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.



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.



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

Make

your website

stand out

TRY IT OUT ->

Home

About

Store

Blog

Hej,

Projects

Team

Contact

Join Newsletter

Hover

on me!

7:00

Nov 23, 2025

halo.webm

ShaderGradient

ShaderGradient

figma-export
figma-export-download
downloaded-start
downloaded-end
figma-end
what-makes-diff
it-is-3d
word-scroll-start
Scroll progress
1
top anchored

0% = this block touches top of viewport 100% = this block fully above viewport

word-scroll-appear

Shape

Colors

Noise Strength

Noise Density

Spiral

Speed

Grain

Lighting

Position

Rotation

Animation

word-scroll-over
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

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

fps: 0

Framer Remix

Figma Plugin

React Component

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