---
title: "Wave Fill Preloading — Framer component · Best of Framer"
description: "$5.00 · Framer component · by ctrl-side · Loaders. Water wave fills your text on load"
canonical: "https://framer.elliotli.dev/component/wave-fill-preloading"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/Wave Fill Preloading

# Wave Fill Preloading

Water wave fills your text on load

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

![Wave Fill Preloading preview image 1](https://framer.elliotli.dev/og/component/wave-fill-preloading/411c96f512482962/1600x824.jpg)

## Summary

Water wave fills your text on load

## Description

A preloader component that fills your text with a realistic

liquid wave animation as your page loads. The wave ripples and

sways naturally, then settles with a spring effect once loading

completes.

Features:

\- Fully customizable text, font, and letter spacing

\- Adjustable fill color and background color

\- Real page-load progress tracking

\- Show-once-per-session option

\- Smooth spring-physics settle animation

Perfect for portfolios, product launches, or any site that wants

a memorable first impression.

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

-   All · #9204

## Details

- **Author**: ctrl-side
- **Price**: $5.00
- **Published**: 2026-07-15
- **Updated**: 2026-07-20
- **Added**: 2026-07-15
- **Categories**: Loaders

## More like this

-   [Preloader Pro V4](/component/preloader-pro-v4) — Interface Studio · $12 — Your Website, Beautifully Unveiled
-   [Circleloader](/component/circleloader) — gustavwf · $5 — Circular logo reveal loader.
-   [AI Text Loading](/component/ai-text-loading) — Syauqizaidan Khairan Khalaf · $5 — Thinking phrases with a shimmer
-   [Preloader Pro V3](/component/preloader-pro-v3) — Interface Studio · $10 — Set the Stage Before the Story