🔥 Jumping Letters! 🔥
A React component for making text jump around on the page
You can install
jumping-letters with NPM.
npm i jumping-letters --save
Or find more info on it here
// To have jumping letters in your react app, first import the component:;// Or if you're not using babel you can require the component:var JumpingLetters = ;// ...// The JumpingLetters component takes four props://// Phrase is the phrase you wish to output//// Strength is the number of pixels each letter can jump in pixels// (remember, this is both negative and positive pixels so it will be able to jump 4 pixels)//// Speed is the number of milliseconds between each re-render// (the higher the number, the slower it is)//// Smooth is a boolean which adds transitions between renders<JumpingLetters phrase="Hello World!" strength="2" speed="120" smooth />// If you want to have multiple lines you can split the word up using the "back slash" character ( \ )// e.g.<JumpingLetters phrase="Seperate\Lines" strength="5" speed="150" />// ...
Everyone is welcome to contribute, just fork the repo, do your bit and submit a pull request :)
- David Thompson - Initial work - The Beardy Devloper