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:
import { JumpingLetters } from 'jumping-letters';
// Or if you're not using babel you can require the component:
var JumpingLetters = require('jumping-letters');
// ...
// 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 :)
I use SemVer for versioning. For the versions available, see the tags on this repository.
- David Thompson - Initial work - The Beardy Devloper