---
title: "Abyssal Ocean"
description: "Real-time spectral FFT ocean in a single HTML file: WebGL2 and three.js, JONSWAP/TMA spectrum, three cascades, foam, caustics, underwater view."
canonical: "https://vibing.inc/library/abyssal-ocean-vg-2026"
category: "Backgrounds, Effects & CSS Oddities"
subcategory: "Shader playgrounds"
license: "MIT"
author: "@squall01337"
source: "https://github.com/squall01337/abyssal-ocean"
---

# 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.
## Facts
- Source: https://github.com/squall01337/abyssal-ocean
- Category: Backgrounds, Effects & CSS Oddities / Shader playgrounds
- Author: @squall01337
- Licence: MIT
- Tags: webgl2, threejs, glsl, ocean, single-file
## Why it's a gem
Production-grade water rendering with no build step — one file you can actually read.
---
Listed in The Vibeary: https://vibing.inc/library/abyssal-ocean-vg-2026 · JSON: https://vibing.inc/api/public/library/gems/abyssal-ocean-vg-2026