reshaders

What it does

Design animated WebGL backgrounds by stacking effects. Export as a React, Vue, Svelte, Astro or Solid component, or as PNG, GIF and video.

Design animated WebGL backgrounds by stacking effects, no GLSL needed. Export as a React, Vue, Svelte, Astro or Solid component, or as PNG, GIF and video.

Stack WebGL effects the way design tools stack shapes - drag, resize, blend, no GLSL required. Then ship it as a component or a video. Drop in a gradient, a noise field, a warp, a grain. Move, resize and blend each one right on the canvas. Every direction gets its own artboard on one canvas. Duplicate a look, change a few things, and compare them live before you pick one. One click gives you a self-contained component for React, Vue, Svelte, Astro, Solid or vanilla JS - or a PNG, GIF or video, ready to drop in. Gradients, glass, materials, light, nature, patterns, flow, particles, forms, print, cursor and finish - every frame on this wall was rendered by the same engine you'll design with,…from reshaders.com

• 
  ShadersJul 2026 · shaders.com · ▲22

  Component library for creative WebGPU effects in modern frontend frameworks. Compose interactive visuals for Vue, React, Svelte, Solid & JS.

• 
  GradFlow2025 · gradflow.meera.dev · ▲8

  Webgl gradient backgrounds

• SL
  Shader Lab, like Photoshop but for shadersApr 2026 · eng.basement.studio · ▲160

  Create, stack, and animate shader effects on images, video, text, and 3D models — free, in your browser, powered by WebGPU. Export video, publish to the community gallery, and remix any published scene.

• MW
  Mixing WebGL and HTML, Both Rendered Out in React2019 · subdued-health.surge.sh · ▲129
• MF
  My first WebGL demo, the first self-extracting PNG ever?2011 · demoseen.com · ▲101
• 
  OpenGraphImage2022 · opengraphimage.com · ▲80

  Create living images from your data, dynamically on the fly

• 
  Lofi Cities – Pixel-art city nights with browser-generated lofi▲319

  Endless lofi beats composed live in your browser, over pixel-art nights in Paris, Tokyo, New York, Hong Kong, Sydney, San Francisco and more. Free, no sign-up.

  Work · 25d ago · loficities.com

• 
  Smooth Recorder▲257

  Mac screen recordings that look edited when you hit stop

  Work · 19d ago · smoothrecorder.com

• 
  Figma Specs▲223

  A container for your context that lives on the Figma canvas

  Work · 4d ago · figma.com

• 
  The rarest tech books and docs you've probably never read▲190

  Work · 13d ago · readrare.com

• 
  An e-ink frame that hears birds and draws them as 1800s illustrations▲2,389

  E-ink bird frame for Raspberry Pi - real-time bird detection by audio, fully local AI, rendered as real, hand-cut 1800s bird illustrations. - arnegiacomo/fugleramme

  AI · Sep 2026 · github.com

• WI
  What if the speed of light was 5 km/h?▲629

  Special relativity simulator in which light crawls along at a human speed, so Lorentz contraction, aberration and Doppler shift happen at walking pace.

  Life & fun · Sep 2026 · rivendell.dmitrybrant.com

• 
  Jev▲544

  Fast, structured AI decisions for software automation

  AI · Sep 2026 · console.typesafe.ai

• 
  ReSO AI▲510

  Get discovered & recommended when customers ask AI

  AI · Sep 2026 · resollm.ai

• 
  Kilo Code for iOS and Android▲498

  Start coding agents, control sessions, review PRs. Anywhere.

  Dev tools · Sep 2026 · kilo.ai

• 
  AINA▲497

  Find your job search blind spots with an AI coach

  AI · Sep 2026 · aina-tech.io