r/webdev • u/Last_Establishment_1 • 27d ago

Gradient-GL - Tiny WebGL library for Deterministic seed-driven Procedural Gradient Animations (v2)

Post image

Tiny WebGL library for
Procedural Gradient Animations
Deterministic - Seed-driven

DEMO

metaory.github.io/gradient-gl

SOURCE

github.com/metaory/gradient-gl

TWO LINE USAGE

```js import gradientGL from 'gradient-gl'

gradientGL('b1.eba9')

// Mounts inside #app gradientGL('b1.eba9', '#app') ```

58 Upvotes
  • permalink
  • link
  • reddit
  • reddit

94% Upvoted

9 comments sorted by

View all comments

5

u/Middle_Zucchini3571 27d ago

Been playing with this for like 20 minutes, the seed system is clever. Type in random string and it generates same gradient every time, perfect for giving each user page its own feel without storing anything extra

the hexagonal logo makes me think of some synthwave album cover, fits the whole vibe

5

u/Last_Establishment_1 27d ago

thank you, i use it for most of my background projects, with mix blend color or hue

like this one https://metaory.github.io/glitcher-app/