Circular Card Marquee

A continuous responsive card marquee that orbits cards around a circular path with configurable speed, direction, controlled pause, and hover pause.

Library

Sona UI

Framework

React

Type

ui

License

MIT

Dependencies

motion

Install

npx shadcn@latest add @sona-ui/radial-card-marquee

Files

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

Source

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

Categories

• Card Carousel Components
• Tailwind CSS Card Carousel Components
• Animated Card Carousel Components
• Carousel Components
• React Carousel Components
• Tailwind CSS Carousel Components
• Animated Carousel Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Animated Data Display Components
• Effect Components

More from Sona UI

• Avatar Showcase
• Depth Tiles
• Marquee
• Radial Card Slider
• Accordion
• Activity Graph
• Animated Checkbox
• Animated Dialog
• Animated Dropdown
• Animated Segmented Control
• Animated Switch
• Animated Tabs