Components
Loading preview...
An interactive 3D tag cloud component
npx shadcn@latest add https://21st.dev/r/dillionverma/interactive-icon-cloudimport { IconCloud } from "@/components/ui/interactive-icon-cloud"
const slugs = [
"typescript",
"javascript",
"dart",
"java",
"react",
"flutter",
"android",
"html5",
"css3",
"nodedotjs",
"express",
"nextdotjs",
"prisma",
"amazonaws",
"postgresql",
"firebase",
"nginx",
"vercel",
"testinglibrary",
"jest",
"cypress",
"docker",
"git",
"jira",
"github",
"gitlab",
"visualstudiocode",
"androidstudio",
"sonarqube",
"figma",
]
export function IconCloudDemo() {
return (
<div className="relative flex size-full max-w-lg items-center justify-center overflow-hidden rounded-lg border bg-background px-20 pb-20 pt-8 ">
<IconCloud iconSlugs={slugs} />
</div>
)
}