Add a running marquee line to your website with a magic of native CSS animations
⭐ Uses native css animations
🦄 Written in TypeScript
🥸 Highly customizable
🦚 Supports multiple modes and directions
yarn add react-awesome-ticker styled-components react-resize-detector
or
npm install --save react-awesome-ticker styled-components react-resize-detector
import Ticker from 'react-awesome-ticker';
const MyTicker = () => (
<Ticker>
<h3>It's</h3>
<h3>as</h3>
<h3>simple</h3>
<h3>as</h3>
<h3>that!</h3>
<h3>🙂</h3>
</Ticker>
)
It cannot be require()'d from CommonJS.
More info here.
The module is written in TypeScript and type definitions are included.
Contributions, issues and feature requests are welcome!
Give a ⭐️ if you like this project!