Marquee

A scroll-velocity marquee with seamless loop math, eased hover pause, vertical/horizontal direction, ResizeObserver-based copy count, and full prefers-reduced-motion support.

Library

Sona UI

Framework

React

Type

ui

License

MIT

Dependencies

motion

Install

npx shadcn@latest add @sona-ui/marquee

Files

• src/registry/sonaui/marquee/marquee.tsx
• src/registry/sonaui/sona-utils/sona-utils.ts
• src/lib/sona-utils.ts

Source

https://github.com/Dinil-Thilakarathne/sona-ui

Categories

• Effect Components
• React Effect Components
• Tailwind CSS Effect Components
• Animated Effect Components
• Marquee Components
• React Marquee Components
• Tailwind CSS Marquee Components
• Animated Marquee Components

More from Sona UI

• Avatar Showcase
• Circular Card Marquee
• Accordion
• Activity Graph
• Animated Checkbox
• Animated Dialog
• Animated Dropdown
• Animated Segmented Control
• Animated Switch
• Animated Tabs
• Assignment Cluster
• BubbleUpButton