🐍 Lightweight Ticker Component for React
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
Install
yarn add react-awesome-ticker styled-components react-resize-detector
or
npm install --save react-awesome-ticker styled-components react-resize-detector
Usage
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>
)
This Package is Pure ESM
It cannot be require()'d from CommonJS.
More info here.
TypeScript
The module is written in TypeScript and type definitions are included.
Contributing
Contributions, issues and feature requests are welcome!
Show your support
Give a ⭐️ if you like this project!
LICENSE
MIT