Plugins

ShaderGradient

Plugin icon

ShaderGradient

Create beautiful moving gradients with ShaderGradient for your website. You can customize all the properties from colors, shapes to advanced effects like grains and lightings to make your own gradient.

Shader Gradient
Shader Gradient
Creator
16 days ago
Updated
Free
Pricing
Screenshot 0
Screenshot 1
Screenshot 2
Screenshot 3

Create beautiful moving gradients with ShaderGradient for your website.

🎨 Full customizability : Gradients are made with webGL shaders, giving you the full customizability from colors, shapes to advanced effects like grains and lightings.

📦 Ready for production : We made a huge improvement in performance and the size of the package.

🔥 Create colorful interactions : Using Framer’s smart component, you can make creative interactions with the gradient component. Check out some examples from our website and remix link!

How to use

Use this plugin to add a gradient component from presets or with url from https://shadergradient.co/customize. You can customize properties like colors, shapes, effects from property controls.

Future updates

This is the first version of our Framer plugin, and we’ll continue updating the plugin for

  • custom UI for property controls

  • new Shaders

Links

For any inquiry or bug report, reach out to us via Twitter / Instagram (@shadergradient). Tag us if you create something cool!

If you’re interested in the original React package, visit our Github repository (https://github.com/ruucm/shadergradient)

If you want to extract gradients in files like GIF and video, check out our Figma plugin (https://www.figma.com/community/plugin/1203016883447870818)

Refund Policy

Framer does not handle refund processing. All products are purchased directly from their respective creators. Please review their refund policy before making any purchase.

Become a creator today

Submit a template or plugin, get featured, and get paid – all in just a few clicks.

Avatar

Connelly Rader

Building Framer Templates in my free time. Framer Expert & Contra Top Independent.

9 Templates

Avatar

Favorit × Frame

Framer Expert Duo Crafting Minimal Framer Templates With a Premium Touch.

7 Templates

1 Plugin

Avatar

ena supply

Building visually striking, and highly functional Framer sites.

18 Templates

Avatar

LottieFiles

1 Plugin

Avatar

Goran Babarogic

Product Designer. In love with Framer.

18 Templates

Avatar

Clonify

An ever-growing design library of stunning sections and templates.

20 Templates

1 Plugin