What does the amplitude parameter control?

Amplitude sets how many lines the zigzag spans; a higher amplitude produces a taller, more dramatic wave, while a lower amplitude produces a tighter zigzag.

How is the vertical position of each character decided?

Characters are placed following the pattern 0, 1, 2, ... up to amplitude-1, then back down to 1, repeating, so each successive character moves down then back up like a bouncing ball.

Does this work well for long text?

It works for any length, but the output is easiest to read as a shape with short phrases, since each line is mostly spaces with only the zigzag's characters visible.

ZigZag Text Creator - Diagonal Wave Text Generator

Overview

Introduction

Manually laying out text in a zigzag shape, with each character indented to trace a wave, means carefully counting spaces on every line by hand.

It runs entirely client-side, so nothing you paste is ever uploaded to a server.

What Is ZigZag Text Creator?

A zigzag text creator that spreads the input across multiple output lines so the characters trace a wave shape, using the same up-down layout as the classic rail fence cipher.

It runs entirely client-side as part of this site's String Tools collection, so nothing you paste is ever uploaded to a server.

How ZigZag Text Creator Works

Each character is assigned a line number following the repeating pattern 0, 1, 2, ..., amplitude-1, ..., 2, 1, and placed at that character's column position on its assigned line, with every other line getting a space at that column.

The transformation happens synchronously in JavaScript the moment you type, with no network round trip involved.

When To Use ZigZag Text Creator

Use it to create a fun, wave-shaped display effect for a message, banner, or social post, or to visualize how the rail fence cipher's layout works.

It's a fast way to get the answer without opening a code editor, a REPL, or writing a one-off script just to check.

Often used alongside Text Box Drawer and String Repeater.

Features

Advantages

Amplitude is fully configurable, from a tight wave to a tall one.
Uses a monospace-friendly column layout so the wave shape is preserved.

Limitations

Requires a monospace font to render correctly; in a proportional font the zigzag shape won't line up.

Examples

A short zigzag

Input

WAVE

Output

W  E
 A V

With the default amplitude of 3, the four characters trace a down-then-up wave across two visible lines (the third line is blank after trimming).

Best Practices & Notes

Best Practices

View or export the output in a monospace font so the zigzag shape displays correctly.

Developer Notes

For amplitude A, the vertical period is `2 * (A - 1)`; each character's offset is computed as `pos < A ? pos : period - pos` where `pos = index % period`, which produces the 0, 1, ..., A-1, ..., 1 bounce pattern, and each line has trailing whitespace trimmed after assembly.

ZigZag Text Creator Use Cases

Creating a wave-shaped display effect for a banner or message
Visualizing the rail fence cipher's zigzag layout
Generating decorative text for a social post or signature

Common Mistakes

Viewing the output in a proportional font, where the wave won't visually align.
Setting amplitude to 1, which doesn't leave room for a zigzag shape.

Tips

Try a short word or phrase first; longer input produces a wide, scrolling wave that's harder to view all at once.

ZigZag Text Creator