Skip to content

component

Ocean Waves

By Maini Da Costa

Details

Summary

Ocean Waves brings a real-time WebGL beach scene to any Framer project.

Description

🌊 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.

Introduction

Animated beach loop. Drop anywhere.

Rank history

Daily rank per list, from the first snapshot — lower is better.

125015001750185528/148/228/309/79/15
  • All · #8315