React Fast Marquee

Single React marquee component driven by CSS animation, ~50 KB unpacked

Tier B · UsefulComponent LibraryAnimation Librarynpmjs.com

React Fast Marquee is a one-component package by Justin Chu: wrap any children in <Marquee> and they scroll continuously using CSS animation rather than a JS tick loop. Props cover speed in px/second, direction (left, right, up, down — vertical is flagged experimental in the README), autoFill to clone children until the track is full, pauseOnHover and pauseOnClick, loop counts, delay, edge gradient with configurable colour and width, and onFinish, onCycleComplete and onMount callbacks. It has zero runtime dependencies, ships TypeScript types, and peers on React >= 16.8. It is the standard answer for logo walls, testimonial tickers and announcement strips in React marketing pages.

Install

npm install react-fast-marquee --save

For an agent

For a plain logo wall, hand-written @keyframes plus a duplicated track is smaller and needs no dependency — reach for this package only when you actually want autoFill, pauseOnHover/pauseOnClick, a loop count with onFinish, or the edge fade gradient, because reimplementing autoFill correctly is the fiddly part. It has no reduced-motion handling of its own, so always wrap it and set play={false} under a prefers-reduced-motion media query, and skip direction='up'/'down' since the README still calls vertical experimental and buggy. Last publish was 1.6.5 in July 2024 with 57 open issues — stable and hugely used (~524k weekly installs) but not evolving, so do not expect fixes.

Why it is here. The default React marquee: tiny, dependency-free, and CSS-driven rather than requestAnimationFrame-driven, which is why it survived while heavier scroller libraries did not.

Install command, framework, licence and component list.

Facts

License: MIT
Pricing: Free, Open source
Framework: React
Styling: Inline styles
Distribution: npm package, GitHub repository
Platform: Web
Content type: Code
Agent readiness: Readable open source, Structured documentation, Blocks bots
Accessibility: Known accessibility gaps
Maturity: Stable
GitHub stars: 1,500
Package: react-fast-marquee

Components it ships

1 total

Marquee Ticker

Helps you build

Homepage Testimonials

Notable for

autoFill clones children to fill the track
pure CSS animation, no rAF loop
zero dependencies, ~50 KB unpacked
~524k weekly npm downloads
no built-in reduced-motion support

Provenance

Verified 2026-08-15. HTTP 403. https://www.npmjs.com/package/react-fast-marquee returned HTTP 403 to WebFetch, so verified through https://registry.npmjs.org/react-fast-marquee (latest 1.6.5 published 2024-07-01, MIT, 33 versions, 49,844 bytes unpacked, no deps, README with the full prop table) and https://api.npmjs.org/downloads/point/last-week/react-fast-marquee (524,377). Stars, forks and the 57 open issues read from https://github.com/justin-chu/react-fast-marquee via WebFetch.

Also in Motion & Interaction

npmjs.comTier B