Beautiful Scroller Component For React – Marquee

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

Download Details:

Author: devnomic

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/devnomic/marquee

License: MIT

Tags:

Add Comment