Marquee

An infinite horizontal scroll marquee.

npx arupui add marquee

Preview

ReactNext.jsTypeScriptTailwindFramer Motion

Usage

marquee.tsx

import { Marquee } from "@/components/blocks/marquee"

<Marquee pauseOnHover>
  <span>Item 1</span>
  <span>Item 2</span>
</Marquee>

pauseOnHover

Type: booleanDefault: false

direction

Type: left | rightDefault: left

speed

Type: numberDefault: 40