Wave
Layered gradient wave backgrounds using Three.js and shaders
Get picks like this daily. Today's launch numbers, the top launches, AI and tech news, and a daily opportunity pick, straight to your inbox.
Want to reach these readers? Sponsor an issue.
Hello! I built this static tool to generate wavy backgrounds for posts, socials and landing pages and decided to share it for free for anyone looking for the same.This tool uses three.js/canvas rather than svg: a full-screen quad and a fragment shader which makes for soft shadows, smoother blurs and glass effects. Hit the randomize button to get a good shape + colour combination, optionally tweak using the vector tool, save designs to local storage and export to image or video.What's the point? I started out thinking this would be something "easy" and that I could build in about an hour but turns out it does take a bit more effort to make it "look good". You can use the backgrounds for content or an over-engineered colour picker or just chill with it in fullscreen mode.Screenshot: https://cdn.subworkflow.ai/marketing/wave-by-subworkflow-scr...Enjoy!
HN · launched Sep 25, 2026 · 7 upvotes (top 56%) · 1 view
Niche: 2d asset and graphic snippet generators · 116 launches, 5 in the last 7 days ▼ -74% · Explore this niche →
Category and tags
- Horizontal
- Dev tools
- Developer
- Not AI
- Hobby / open-source project
Visit website ↗ Source listing ↗
More like this: all 116 launches in 2d asset and graphic snippet generators →
Could you build this?
Yes It is a client-side Three.js web tool that runs custom GLSL fragment shaders on a full-screen quad to export images and loops.
Discussion
No comments on this launch.
Competitors
Other products that read as similar to this one : 763 launches clear the similarity bar, closest 8 shown.
Attention rank: #323 of 764 (itself plus its competitors, highest first, normalized so YC and Product Hunt are compared fairly).
Launched 326 days after the earliest competitor.
- Mesh Gradient Studio · ph · 2026-11-04 · 2 upvotes · similarity 0.55
- three-band-waveform · github · 2026-10-02 · 8 upvotes · similarity 0.55
- Quasicrystals Animation Playground with WebXR · hn · 2026-08-15 · 40 upvotes · similarity 0.54
- CardScape · ph · 2026-09-29 · 1 upvotes · similarity 0.53
- FeralUI Gradient Builder · ph · 2026-09-14 · 6 upvotes · similarity 0.51
- Sonic Weaver · ph · 2026-10-03 · 1 upvotes · similarity 0.48
- CRASI · ph · 2026-10-08 · 1 upvotes · similarity 0.48
- kavynUI · ph · 2026-09-26 · 2 upvotes · similarity 0.48
The niche, labels, vibe code rating and competitor comparison on this page are analysis by Nicheloom. If you use them, please credit nicheloom.com. How you may use our data.