Loading component…
Components /ASCII Glitch Ripple
Dynamic character-scramble wave ripple hover effect
Run the following command
npx shadcn@latest add https://raw.githubusercontent.com/Ashutoshx7/VengeanceUI/main/public/r/ascii-glitch-ripple.json| Prop Name | Type | Default | Description |
|---|---|---|---|
| children | string | - | The text content to display and scramble. |
| as | React.ElementType | 'a' | The HTML element or component to render as (e.g. 'a', 'span', 'button'). |
| className | string | - | Additional CSS classes to apply to the component. |
| dur | number | 1000 | Duration of the scramble animation wave in milliseconds. |
| chars | string | '.,·-─~+:;=*π""┐┌┘┴┬╗╔╝╚╬╠╣╩╦║░▒▓█▄▀▌▐■!?&#$@0123456789*' | Character set used for the glitch scrambling effect. |
| preserveSpaces | boolean | true | Whether to keep original spaces unscrambled. |
| spread | number | 1.2 | The width/dispersion of the transition wave. |