Simple and reusable text slider with glitchy animation. Best used with monospaced fonts. Not styled. Inherits theme, colors, font-family, font-size, etc.
The package can be installed via npm:
npm install @kamrade/react-scrambled-text --save
or via yarn:
yarn add @kamrade/react-scrambled-text
https://drive.google.com/file/d/1vcIwN03NzeqhwuDX6zoZZElr77VzSvze/view?usp=drive_link
import { ScrambledText } from '@kamrade/react-scrambled-text';
const value: string[] = [ 'Establish communication', 'Connecting to the server', 'Loading data'];
<ScrambledText
value={value}
slideLength={2000}
postAnimate
postAnimateSensetivity={50}
>
- value = text for rendering
- slideLength = how long each slide will be visible
- postAnimate = after each slide change animation can be extended. Or not
- postAnimateSensetivity = play with this number to diferenciate post animation. Less number – more detailed animation
- Mosaic component
- Typewriter
[ ] -