Installation
pnpm dlx shadcn@latest add "https://magicui.design/r/icon-cloud"
With Images
With SVG Icons
Usage
import { IconCloud } from "@/components/magicui/icon-cloud";<div className="relative overflow-hidden">
<IconCloud images={images} />
</div>Props
| Prop | Type | Default | Description |
|---|---|---|---|
icons | React.ReactNode[] | [] | Array of icons to render in the cloud |
images | string[] | [] | Array of image URLs to render in the cloud |