HN Showcase
Back to browse
GitHub Repository

Water Ripples is an interactive web page featuring realistic WebGL water ripple physics, floating yolk-yellow plumeria blossoms, and a premium borderless liquid-glass settings card that warps the underlying ripples in real-time.

0 starsJavaScript

Interactive and realistic water ripple physics

by carsonye·Jun 24, 2026·2 points·0 comments
Visit ProjectView on HN

AI Analysis

●MidEye CandyCozy

Pretty WebGL water demo, but ripple physics are well-trodden territory.

Strengths
  • •Liquid-glass panel with real-time refraction warping underlying ripples is a nice touch.
  • •Procedural plumeria flowers with yolk-orange centers add artistic polish.
  • •Smart mobile resize handling ignores minor height shifts to prevent physics resets.
Weaknesses
  • •Water ripple physics in WebGL is a common tutorial demo with no practical use case.
  • •No downloadable component or library—just a standalone demo page.
Category
Design
Target Audience

Frontend developers, creative coders, designers interested in WebGL effects

Similar To

WebGL Water by Evan Wallace · CodePen water ripple demos · Three.js water examples

Post Description

Inspired by Japanese creator konmari.

The visual result is stunning, but the technique itself is not that mysterious. What's truly scarce are aesthetic and artistic tuning.

Similar Projects