Back to Plugins
ShaderGradient

ShaderGradient

Create beautiful gradients in 3d

shadereffect3dgraingradientbackground3dcolorgradients

Plugin Preview

ShaderGradient preview

About this plugin

Create beautiful moving gradients


  1. Design unique gradient in 3d - you can change colors, shape, motion, lighting, grain effects, and so many more
  2. Snapshot - Extract a static image of the gradient
  3. Add as GIF - Keep the gradient moving on Figma by adding it as a GIF.
  4. Export as GIF/Video - Want to use the moving gradient for somewhere else? Download the gradient in moving format (.gif / .webm)


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

Version8
CreatedFebruary 2, 2023
Last UpdatedAugust 4, 2024
Categoryediting & effects plugins
Creatorseungmee lee
Stats9605 installs, 1272 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Editor Types:
    figma