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. |
textTypestring
Default
"static noise"Display text to render with the noise effect.
colorTypestring
Default
"#d35af8"CSS color value for the text.
fontWeightTypenumber
Default
900Font weight used when rendering the text to canvas.
intensityTypenumber
Default
0.12Shift magnitude, 0-1. Controls how far affected rows are displaced.
densityTypenumber
Default
1Fraction of rows affected per frame, 0-1. Lower values leave more rows static.
maxShiftTypenumber
Default
45Max horizontal pixel shift ceiling at intensity = 1, density = 1.
classNameTypestring
Default
""Classes applied to the hidden measuring span, used to size the canvas text. Also determines responsive font size.
Crafted withbyMohammad Tasin