No reduced motion preferences have been detected – animations will play

Rauler

A composable, accessible marquee component built for modern React applications.

Installation

pnpm i rauler
 
 
 
 
 
 
 
 

Compositions

import { Marquee, MarqueeContent, MarqueeItem } from "rauler"

export function MyMarquee() {
  return (
    <Marquee pauseOnHover>
      <MarqueeContent>
        <MarqueeItem>Rauler</MarqueeItem>
        <MarqueeItem>Marquee</MarqueeItem>
        <MarqueeItem>Component</MarqueeItem>
      </MarqueeContent>
    </Marquee>
  )
}

Features

  • Minimal dependencies
  • Headless interface
  • Composable API
  • Low level hooks
  • Responsive and adaptive
  • Accessible by default
  • TypeScript support
  • Smooth animations
  • Bidirectional scrolling
  • Pause on hover
  • Optional gradient overlays
  • asChild support

Playground

 
Rauler Ball
 
Rauler Ball

More