Beautiful Scroller Component For React – Marquee

Description:

The Marquee component is a beautiful scroller for React that allows content to scroll automatically, similar to the Marquee tag in HTML.

It supports both horizontal and vertical scrolling directions and can fade content when it scrolls out of bounds.

How to use it:

1. Install and import the Marquee component.

# NPM
$ npm install @devnomic/marquee
import { Marquee } from "@devnomic/marquee";
import "@devnomic/marquee/dist/index.css";

2. Add your scrollable content to the Marquee component.

<Marquee
  fade={true}
  direction="left" // or 'up'
  reverse={false}
  pauseOnHover={false}
  className="" 
  innerClassName="" 
>
  <div>Item 1</div>
  <div>Item 2</div>
  <div>Item 3</div>
  ...
</Marquee>

Preview:

Beautiful Scroller Component For React Marquee

Tags:

Add Comment