Color

ASCII Wave Animation – Live Background

Two drifting lines of ~ and ≈ characters form a calm ASCII water surface. Fullscreen, PNG or animated HTML download, free.

About the Wave effect

The Wave background draws two independent sine curves across the screen, one with tilde characters (~) and one with double tildes (≈). Each curve has its own wavelength and speed, so the lines cross, separate and meet again without ever repeating in an obvious rhythm. Most of the canvas stays empty, which is what makes this effect so easy to put behind text: there is motion at the edge of your attention, but nothing competes with a headline or a call to action. Because the shape is computed per column from the viewport width, the wave fills any screen size without stretching. Slow it down to 0.3× for a meditative screensaver feel, or push it toward 2× for a choppier sea. A cool color such as cyan or blue suits the water theme, while green keeps the classic terminal look.

Ideas for using Wave

  • Calm hero background for a portfolio or product landing page
  • Ambient screen during breaks in a live stream or meetup
  • Header strip for a newsletter or blog with a nautical or chill theme

Download as wallpaper

Pick a size for your Wave wallpaper, or compare every effect on the ASCII wallpapers page.

Export formats, keyboard shortcuts and embedding work the same for every effect: see the backgrounds guide.

Frequently asked questions

Can I make the waves calmer?

Yes. Lower the speed to 0.2–0.4× in the toolbar. The two curves keep their different wavelengths, so the motion stays organic even when slow.

Why are there two kinds of wave characters?

Each line is a separate sine curve. Using ~ for one and ≈ for the other lets your eye follow both layers when they overlap.