Skip to content

About

Fluted glass gradient studio — WebGL gradients refracted through angled lens bands, with seamless-loop motion and PNG/MP4 export

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Repository files navigation

Gradient Flutr

gradient-flutr →

An experimental playground for "fluted glass" gradients — coloured nodes blended in a WebGL shader, refracted through angled lens bands, finished with film grain. Live animated preview, full per-node control, and smart PNG/MP4 export.

Features

  • Up to 8 draggable colour nodes with per-node shape, size, rotation, influence, drift
  • Fluted band distortion at any angle (count, depth, flatness) + film grain
  • Seamless-loop drift animation — watch it live
  • Smart export: PNG stills, or one seamless MP4 loop when motion is on — at device and social canvas presets or custom size, × 1x–4x
  • Shareable URLs — the whole state lives in the link
  • 8 curated looks, each in static and motion variants, plus a tasteful randomiser
  • App icon and favicon rebuilt live from your palette

Development

npm install
npm run dev     # local dev server
npm run test    # vitest
npm run build   # production build to dist/

Pushes to main deploy to GitHub Pages automatically.

License

Free software, licensed under the GPL v2 or later.

About

Fluted glass gradient studio — WebGL gradients refracted through angled lens bands, with seamless-loop motion and PNG/MP4 export

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages