Overview
Components
Text Animations
Logo Carousel
Animated carousel component that cycles through sets of logos with staggered animations.
Installation
pnpm dlx shadcn-svelte@latest add https://sv-animations.vercel.app/s/logo-carousel.json
Copy the Source Code
Copy and paste the following code into your project:
logo-carousel.svelte
index.ts
Folder Structure
Folder Structure
Props
| Name | Type | Default | Description |
|---|---|---|---|
items | T[] | required | |
children | Snippet<[T, number]> | required | |
stagger | number | 0.14 | |
count | number | | |
duration | number | 600 | Controls the enter and exit animation duration for each item in milliseconds. |
interval | number | 2500 | |
initialDelay | number | 500 | |
class | string | '' | |