Content Display

Rotating Icon Cloud

아이콘이나 이미지를 3D 구름처럼 회전시키는 컴포넌트입니다.

Preview

content display

Rotating Icon Cloud

drag the cloud of icons

Installation

bash
Copied
1pnpm dlx shadcn@latest add https://ryong-blog.vercel.app/r/icon-cloud.json

Code

typescript
Copied
1import { IconCloud } from "@/components/icon-cloud"23const images = [4  "https://cdn.simpleicons.org/typescript/typescript",5  "https://cdn.simpleicons.org/react/react",6  "https://cdn.simpleicons.org/nextdotjs/nextdotjs",7]89export default function Example() {10  return <IconCloud images={images} />11}

Props

icons

Type
React.ReactNode[]
Default
[]
Description
Custom icon nodes to render.

images

Type
string[]
Default
[]
Description
Image URLs to render in the cloud.

Reference

Reference Rotating Icon Cloud