Content Display

Card Carousel

드래그와 자동 재생을 지원하는 3D 카드 캐러셀입니다.

Preview

content media

Card Carousel

autoplay through cards

Common UI

Common UI components are coming soon!

Text Animations

Cool text animations for your projects.

Animations

Smooth animations for your projects.

Components

Reusable components for your projects.

Backgrounds

Beautiful backgrounds and patterns for your projects.

Common UI

Common UI components are coming soon!

Text Animations

Cool text animations for your projects.

bash

Copied

1pnpm dlx shadcn@latest add https://ryong.dev/r/carousel.json

bash

Copied

1npx shadcn@latest add https://ryong.dev/r/carousel.json

bash

Copied

1yarn dlx shadcn@latest add https://ryong.dev/r/carousel.json

bash

Copied

1bunx shadcn@latest add https://ryong.dev/r/carousel.json

typescript

Copied

1import { Carousel } from "@/components/carousel"23export default function Example() {4  return <Carousel autoplay loop pauseOnHover />5}

Prop	Type	Default	Description
items	CarouselItem[]	built-in items	Carousel cards.
baseWidth	number	300	Carousel width.
autoplay	boolean	false	Whether to advance automatically.
autoplayDelay	number	3000	Delay between autoplay steps.
pauseOnHover	boolean	false	Whether hovering pauses autoplay.
loop	boolean	false	Whether the carousel wraps.
round	boolean	false	Whether to render the round style.