⌘K
Resources
C

Animated Gradient

component

Customizable animated gradient background component inspired by warp shaders. Copy to your project and tweak properties for endless unique patterns and effects. Over 13k installs.

Open Demo
1 follower1 post4 comments
on "Animated Gradient"
A
Alice Chen

The animation smoothness is next level. Buttery smooth everywhere.

on "Animated Gradient"
F
Frank Liu

Would love to see Animated Gradient get more options. The current set is great but more variety would be perfect.

on "Animated Gradient"
D
Dave Kim

Would love to see more customization options. The defaults are great though.

on "Animated Gradient"
F
Frank Liu

This combo should be the default for every new Framer project.

Other components

Typewriter EffectcomponentCard StackcomponentFAQs AccordioncomponentTilt CardcomponentGravity ParticlescomponentCarousel 3DcomponentDockcomponentLiquid Metal LogocomponentReel CarouselcomponentGlassy ButtoncomponentAnimatedNumbercomponentConic AnimationcomponentHorizontalScrollercomponent

Posts mentioning Animated Gradient

E
Eva Singh·
C
Animated Gradientcomponent

Used Animated Gradient for our pricing page and it's been a huge UX improvement. The animations are buttery smooth, optimized out of the box, and it works perfectly in both light and dark mode. Drop-in solution that just works.

4