Back to Plugins
ShaderGradient

ShaderGradient

Create beautiful moving gradients

shadereffect3dgraingradientbackground3dcolorgradients

Plugin Preview

ShaderGradient preview

About this plugin

Create beautiful moving gradientsDesign unique gradients - you can change colors, shape, motion, lighting, grain effects, and so many moreSnapshot - Extract a static image of the gradientAdd as GIF - Keep the gradient moving on Figma by adding it as a GIF.Export as GIF/Video - Want to use the moving gradient for somewhere else? Download the gradient in moving format (.gif / .webm)Loop support - now you can create infinitely moving gradients with short, looping videoSlides/Buzz support - use ShaderGradient for your slides and social contentShaderGradient 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

Version10
CreatedFebruary 2, 2023
Last UpdatedDecember 16, 2025
Categoryediting & effects plugins
Creatorseungmee lee
Stats13469 installs, 1766 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:
    • *