Carousel

Native scroll-snap slides with momentum on touch, mouse dragging, arrow keys, dots, thumbnails and an autoplay that pauses when it should.

Library

HextaUI

Framework

React

Type

ui

License

MIT

Dependencies

@base-ui/react@^1.8.0, @tabler/icons-react, class-variance-authority, cn

Install

npx shadcn@latest add https://hextaui.com/r/carousel.json

Files

• components/ui/carousel.tsx
• components/ui/button.tsx
• components/ui/number-flow.tsx
• lib/motion.ts
• components/ui/spinner.tsx
• hooks/use-button-feedback.ts
• hooks/use-delayed-loading.ts

Source

https://github.com/preetsuthar17/hextaui

Categories

• Carousel Components
• React Carousel Components
• Tailwind CSS Carousel Components
• Animated Carousel Components
• shadcn/ui Carousel Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Animated Data Display Components
• shadcn/ui Data Display Components

More from HextaUI

• Accordion
• Alert
• Alert dialog
• Aspect ratio
• Attachment
• Avatar
• Badge
• Breadcrumb
• Bubble
• Button
• Button group
• Calendar