DocumentationStacked Logos

Stacked Logos

Multiple logo sets that animate in/out while stacked on top of each other with a mouse glow effect.

Install using CLI

npx shadcn@latest add "https://obsidianui.dev/r/stacked-logos.json"

Install Manually

1

Install dependencies

npm install clsx tailwind-merge
2

Copy the source code

Copy into components/ui/stacked-logos.tsx

Props

Prop NameTypeDefaultDescription
logoGroupsReact.ReactNode[][]RequiredArray of logo groups
durationnumber30Animation duration in seconds
staggernumber0Stagger factor for timing
logoWidthstring'200px'Width of each logo container