Docs
npx shadcn@latest add https://better-components-alpha.vercel.app/r/infinite-canvas.json
Example.tsx
import { InfiniteCanvas } from "@/components/better/infinite-canvas"
import { Home, User, Bell, Heart, Star } from "lucide-react"


export function Example() {
  const icons = [Home, User, Bell, Heart, Star]
  return (
    <InfiniteCanvas
      className="h-80 w-full"
      cellSize={88}
      overscan={1}
      items={icons.map((Icon, i) => (
        <Icon key={i} className="size-6" />
      ))}
    />
  )
}