Menu
Static Noise Text
404 NOT-FOUND
Customize
Text
Intensity0.12
Density5
Max Shift (px)100
Props
| Property | Type | Default | Description |
|---|---|---|---|
text | string | "static noise" | Display text to render with the noise effect. |
color | string | "#d35af8" | CSS color value for the text. |
fontWeight | number | 900 | Font weight used when rendering the text to canvas. |
intensity | number | 0.12 | Shift magnitude, 0-1. Controls how far affected rows are displaced. |
density | number | 1 | Fraction of rows affected per frame, 0-1. Lower values leave more rows static. |
maxShift | number | 45 | Max horizontal pixel shift ceiling at intensity = 1, density = 1. |
className | string | "" | Classes applied to the hidden measuring span, used to size the canvas text. Also determines responsive font size. |
textstringDisplay text to render with the noise effect.
Default
"static noise"colorstringCSS color value for the text.
Default
"#d35af8"fontWeightnumberFont weight used when rendering the text to canvas.
Default
900intensitynumberShift magnitude, 0-1. Controls how far affected rows are displaced.
Default
0.12densitynumberFraction of rows affected per frame, 0-1. Lower values leave more rows static.
Default
1maxShiftnumberMax horizontal pixel shift ceiling at intensity = 1, density = 1.
Default
45classNamestringClasses applied to the hidden measuring span, used to size the canvas text. Also determines responsive font size.
Default
""Crafted withbyMohammad Tasin
