---
title: "Ocean Waves — Framer component · Best of Framer"
description: "$14.00 · Framer component · by Maini Da Costa · Effects. Ocean Waves brings a real-time WebGL beach scene to any Framer project."
canonical: "https://framer.elliotli.dev/component/ocean-waves"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Ocean Waves

# Ocean Waves

Animated beach loop. Drop anywhere.

[View on Framer](https://framer.com/marketplace/components/ocean-waves/?via=elliot-li)

![Ocean Waves preview image 1](https://framer.elliotli.dev/og/component/ocean-waves/9ea42e690ab0b519/1600x1200.jpg)

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

## Rank history [How rankings work →](/terms#rankings)

-   All · #8343

## Details

- **Author**: Maini Da Costa
- **Price**: $14.00
- **Published**: 2026-04-02
- **Updated**: 2026-05-26
- **Added**: 2026-03-11
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo