---
title: "ShaderGradient"
description: "Animated 3D gradient meshes exportable as React components, Figma fills or Framer layers with camera and colour controls."
canonical: "https://vibing.inc/library/shadergradient-vg-0150"
category: "Backgrounds, Effects & CSS Oddities"
subcategory: "Gradient backgrounds"
license: "freemium"
author: "ShaderGradient team"
source: "https://www.shadergradient.co/"
---

# ShaderGradient
Animated 3D gradient meshes exportable as React components, Figma fills or Framer layers with camera and colour controls.
## Facts
- Source: https://www.shadergradient.co/
- Category: Backgrounds, Effects & CSS Oddities / Gradient backgrounds
- Author: ShaderGradient team
- Licence: freemium
- Tags: gradient, shader, react, figma
## Why it's a gem
Same animated gradient works in Figma mockups and in the shipped React app
---
Listed in The Vibeary: https://vibing.inc/library/shadergradient-vg-0150 · JSON: https://vibing.inc/api/public/library/gems/shadergradient-vg-0150