---
title: "Calm Water Shader — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Rafly Nurfallah · Backgrounds. Customizable Water Shader"
canonical: "https://framer.elliotli.dev/component/calm-water-shader"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Calm Water Shader

# Calm Water Shader

Customizable Water Shader

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

![Calm Water Shader preview image 1](https://framer.elliotli.dev/og/component/calm-water-shader/e135d29ebc0e41c8/1600x1067.jpg)

## Summary

Customizable Water Shader

## Description

## A customizable calming water shader with a reflection of shooting stars

Give your website a calming and soothing feeling by using this shader as your site background. works great as hero section.

### What you can control

1.  Color
    
    Adjust the color of the water with a simple single color picker
    
2.  Water Ripples
    
    Easily enable/disable the interactive water ripple/wave effects
    
3.  Shooting Stars / Meteors
    
    Adjust how often the stars is appearing, the opacity and the reflection.
    
4.  Stars
    
    Adjust the amount of stars and the shimmering effects.
    

Please enjoy and let me know if you any help or just chat by reaching me on [X or my Framer account](https://x.com/rafly_nurfallah) [@Rafly Nurfallah](/community/creator/@rafly-nurfallah/)

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

-   All · #3592

## Details

- **Author**: Rafly Nurfallah
- **Price**: $5.00
- **Published**: 2026-07-18
- **Updated**: 2026-08-03
- **Added**: 2026-07-18
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background