react-awesome-ticker

🐍 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