Made in Webflow

Webgl Reactive Animated Gradient

site profile thumbnail


Fully parametric, configurable animated gradients done in vanilla WebGl. Reacts to mouse position. —— You can tweak the parameters keeping the data-test attribute and kill it when you find what you like simply by removing it. Parameters are served through attributes. Everything is explained in the repo linked in the custom code /body section. —— CHANGELOG 02/11/12 — fixed controls not disappearing when removing data-test —— Quite random and can be done better, might make more tweaks in the future. Inspired by the recent @ AE cloneable. 👀
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.

We miss comments too!

Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!

As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.


More by Federico

See profile
View details
Webgl Image Transition Slider ⟋ webgl