Back to library

Preview of Abyssal Ocean

GitHub

Backgrounds, Effects & CSS Oddities · Shader playgrounds

Abyssal Ocean

Real-time spectral FFT ocean in a single HTML file: WebGL2 and three.js, JONSWAP/TMA spectrum, three cascades, foam, caustics, underwater view.

Why it’s a gem
Production-grade water rendering with no build step — one file you can actually read.

Visit github.com

Author: @squall01337
Type: GitHub repository
License: MIT
Added: Aug 19, 2026
Domain: github.com

webgl2 threejs glsl ocean single-file

More from Shader playgrounds

Preview of ShaderExpo

ShaderExpo

Browser WebGL shader playground for writing, previewing and sharing fragment shaders used as page backgrounds.

Preview of Fayaaa

Fayaaa

WebGPU playground that reads the shape of an uploaded image, text or mark and burns it as animated fire in the browser.

Preview of Otion

Otion

Browser studio that extracts motion from a live camera feed and shades it as trails, heatmaps, tracked blobs or vector fields via WebGPU.