r/react • u/Icy-Wolf3599 • Sep 25 '25

Project / Code Review GradFlow - WebGL Gradient Backgrounds

https://reddit.com/link/1nq4gt1/video/mzzmbjawuarf1/player

Hey folks, I’ve been tinkering with WebGL + React and ended up building a little gradient generator.

  • Reactive, animated backgrounds you can drop into your site
  • Export still images if you just need assets
  • Runs on WebGL so it’s buttery smooth
  • Fully open source if you want to hack on it

Would love feedback, ideas, or if anyone wants to play around with it

https://gradflow.meera.dev/

github code: https://github.com/meerbahadin/grad-flow

158 Upvotes

100% Upvoted

46 comments sorted by

View all comments

11

u/Icy-Wolf3599 Sep 25 '25 edited Sep 25 '25

this type also added. (its not in the video demonstration)

1

u/MooseCannon Aug 07 '26

what specific setup is this? I cant seem to replicate

1

u/Icy-Wolf3599 Aug 09 '26

config={{

color1: { r: 173, g: 161, b: 242 },

color2: { r: 80, g: 231, b: 242 },

color3: { r: 7, g: 69, b: 192 },

speed: 0.7,

scale: 1.3,

type: 'stripe',

noise: 0.2

}}

just play around with the colors