Ocean Waves

Ocean Waves
Ocean Waves

About Ocean Waves

🌊 Ocean Waves Background — Ambient Beach Loop for Framer

Ocean Waves brings a real-time WebGL beach scene to any Framer project. Drop it anywhere — full page, hero section, or any container — and it just works. No setup, no dependencies.

What's included:

A fully animated ambient loop renders rolling waves, foam crests, and sun sparkles in real time using a WebGL fragment shader. The waterline breathes in sync with each wave cycle, giving the scene a natural, living feel.

5 built-in presets: ☀️ Day · 🌅 Sunset · 🌕 Moonlight · 🌴 Tropical · ❄️ Arctic · 🎨 Custom

Fully customizable: Animation speed Sand grain texture on/off Custom colors: sand (light & dark), water (shallow & deep), foam, sparkle

Works anywhere in Framer — drop it on a full page background or isolate it to a specific section or hero. Responsive by default.

From Maini Da Costa

Liquid Dots
Liquid Grid
PickYourOwnCursor
Liquid Lines

Related Components

Scroll Blur by Aki
Logo Stage Pro
Progressive Blur
Scroll Zoom Reveal