Letter Glitch
Customize LetterGlitch
Glitch Speed50ms
Props
| Property | Type | Default | Description |
|---|---|---|---|
| glitchSpeed | number | 50 | Speed of glitch effect in milliseconds (10-500) |
| centerVignette | boolean | | Enable or disable center vignette effect |
| outerVignette | boolean | | Enable or disable outer vignette effect |
| smooth | boolean | | Enable or disable smooth transitions |
| glitchColors | string[] | ['#2b4539', '#61dca3', '#61b3dc'] | Array of hex color strings for glitch effect |
| characters | string | ABCDEFGHIJKLMNOPQRSTUVWXYZ!@#$&*()-_+=/[]{};:<>.,0123456789 | String of characters to use for glitch effect |
| className | string | custom-letter-glitch | Additional CSS class names for styling |
| width | string | 100% | Width of letter glitch container |
| height | string | 600px | Height of letter glitch container |
| quality | string | high | Rendering quality - 'low', 'medium', or 'high' |
Dependencies
oglreact
Created with ❤️ by Cybershoora