Wave
Layered gradient wave backgrounds using Three.js and shaders
Details
- External ID
- 49843746
- Source
- HN
- Company
- —
- Product
- Wave
- Website domain
- subworkflow.ai
- Launched
- Sept. 25, 2026
- Cohort
- —
- Upvotes
- 7
- Upvotes percentile
- 0.4393939393939394
- Tags
- —
- Fetched at
- Sept. 29, 2026, 5:01 p.m.
- Updated at
- Sept. 29, 2026, 5:01 p.m.
Description
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!
Enrichment
- Theme
- graphic design assets and utilities
- Vertical
- Horizontal
- Function
- Dev tools
- Audience
- Developer
- AI stance
- Not AI
- Project type
- Hobby / open-source project
- Normalized one-liner
- gradient wave background generator for web developers
- Manually corrected
- False
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 — 357 launches clear the similarity bar, closest 8 shown.
Attention rank: #181 of 358 (itself plus its competitors, highest first — normalized so YC and Product Hunt are compared fairly).
Launched 326 days after the earliest competitor.
- Quasicrystals Animation Playground with WebXR · hn · 2026-08-15 · 40 upvotes · similarity 0.54
- CardScape · ph · 2026-09-29 · 1 upvotes · similarity 0.54
- FeralUI Gradient Builder · ph · 2026-09-14 · 6 upvotes · similarity 0.52
- kavynUI · ph · 2026-09-26 · 2 upvotes · similarity 0.48
- Framerly · ph · 2026-09-18 · 2 upvotes · similarity 0.47
- FluidX Interactive Canvas · ph · 2026-09-17 · 1 upvotes · similarity 0.47
- Simple algorithm and color space to generate diverse skin tones · hn · 2026-08-04 · 627 upvotes · similarity 0.46
- ShaderKit · hn · 2026-05-15 · 5 upvotes · similarity 0.46
Other launches for this product
- No other launches for this product.
Same idea, different domain
Nobody's really built a dev tools tool for Sales yet.