Show HN: Open-source Implementaiton of Stripe's 3D Waves

Category: devtools

Tags: 3d-graphics, webgl, design-tool, react, gradients

Score: 6.3/10 (Innovation: 5, Technical: 7, Documentation: 8, Utility: 5)

Wave Studio is an open-source browser-based tool for designing 3D gradient waves inspired by Stripe's visuals, with a live editor and code export for React, Vue, Svelte, and vanilla JS. It provides framework-agnostic packages and robust fallbacks (poster-first, WebGL detection), making it a practical utility for adding decorative 3D elements to web apps.

Target audience: frontend developers and designers

Repository: https://wave-studio.pages.dev/ · TypeScript · MIT · 2 stars

View on Hacker News