Back to Plugins
ShaderGradient

ShaderGradient

Create beautiful moving gradients

shadereffect3dgraingradientbackground3dcolorgradients

Plugin Preview

ShaderGradient preview

About this plugin

Create beautiful moving gradients

Design unique gradients - you can change colors, shape, motion, lighting, grain effects, and so many more


  1. Snapshot - Extract a static image of the gradient
  2. Add as GIF - Keep the gradient moving on Figma by adding it as a GIF.
  3. Export as GIF/Video - Want to use the moving gradient for somewhere else? Download the gradient in moving format (.gif / .webm)
  4. Loop support - now you can create infinitely moving gradients with short, looping video
  5. Slides/Buzz support - use ShaderGradient for your slides and social content


ShaderGradient is also available as a Framer component and React component. Visit our website https://shadergradient.co to learn more.


For any issues, contact us via Twitter or Instagram

Plugin Details

Version9
CreatedFebruary 2, 2023
Last UpdatedDecember 11, 2025
Categoryediting & effects plugins
Creatorseungmee lee
Stats12454 installs, 1575 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Network Access:

    This plugin needs to access the internet to load the UI from the other domain, and some resources like hdr.

  • Editor Types:
    figma
  • Allowed Domains:
    • *