- Docs
- Components
- Backgrounds
- Ascii Waves
Ascii Waves
Wave effect made of ASCII characters
ascii-waves-tw
Customize
Color
Element Size
16
Noise Scale
2.0
Speed
1.00
Wave Intensity
1.0
Wave Tension
0.5
Wave Twist
0.1
Interaction Intensity
1.0
Props
13| Name | Type | Default | Description |
|---|---|---|---|
characters | string | " .:-+*=%@#" | String of characters to use for the ASCII gradient. |
color | string | "#ffffff" | Color of the ASCII characters. |
waveTension | number | 0.5 | Tension of the wave flow (0.1-2.0). |
waveTwist | number | 0.1 | Twist amount of the wave flow (0.0-1.0). |
invert | boolean | false | Invert the character mapping. |
noiseScale | number | 1.0 | Scale of the noise/wave pattern (zoom). |
elementSize | number | 16.0 | Size of individual ASCII characters/grid cells. |
speed | number | 1.0 | Animation speed multiplier. |
hasCursorInteraction | boolean | true | Whether the waves react to mouse cursor. |
intensity | number | 1.0 | Intensity of the wave effect. |
interactionIntensity | number | 1.0 | Intensity of the cursor interaction. |
className | string | "" | Additional CSS classes. |
videoUrl | string | "" | Direct URL to a video file to be rendered as ASCII. |
charactersstringString of characters to use for the ASCII gradient.
Default
" .:-+*=%@#"colorstringColor of the ASCII characters.
Default
"#ffffff"waveTensionnumberTension of the wave flow (0.1-2.0).
Default
0.5waveTwistnumberTwist amount of the wave flow (0.0-1.0).
Default
0.1invertbooleanInvert the character mapping.
Default
falsenoiseScalenumberScale of the noise/wave pattern (zoom).
Default
1.0elementSizenumberSize of individual ASCII characters/grid cells.
Default
16.0speednumberAnimation speed multiplier.
Default
1.0hasCursorInteractionbooleanWhether the waves react to mouse cursor.
Default
trueintensitynumberIntensity of the wave effect.
Default
1.0interactionIntensitynumberIntensity of the cursor interaction.
Default
1.0classNamestringAdditional CSS classes.
Default
""videoUrlstringDirect URL to a video file to be rendered as ASCII.
Default
""