Shader Gradient
ShaderGradient is a plugin that allows you to easily create moving gradients based on WebGL. You can freely customize colors, shapes, and effects.
Create beautifully moving gradients on your website using ShaderGradient.
Capture visitor attention with stunning visuals and smooth animations.
Complete Customization Support
This plugin is built with WebGL shaders, allowing customization of colors, shapes, and advanced effects like particles or lighting.
Stable in Real-world Applications
With optimized performance and package size, it works seamlessly in a live service environment.
Create Colorful Interactions
When used with Framer’s smart components, you can easily add various interactions to your gradients.
Check out samples on the official website or Remix link.How to Use
You can add gradient components using the default presets provided by this plugin or by using the URL from the ShaderGradient customization page. Easily adjust properties like color, shape, and effects in Framer’s properties panel.
Future Updates
This plugin is currently in its first version, and features like custom UI for the properties panel and new shaders will be continuously updated.
Explore More Plugins