Infinity Canvas

Infinity Canvas

Pro

Installation

ProRequires a Planes Pro license.

npx shadcn add @useplanes/infinity-canvas

Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.

Unlock with Planes Pro

$99 once · 161 Pro components · lifetime updates.

I have a license Get Pro

import { InfinityCanvas } from "@/components/ui/InfinityCanvas";

<InfinityCanvas
  items={[
    { id: "a", title: "Photo Stack", src: "/thumbs/photo-stack.webp", href: "/components/photo-stack" },
    { id: "b", title: "AI Chat", src: "/thumbs/ai-chat.webp", href: "/components/ai-chat" },
    // ...
  ]}
  columns={3}
  cardWidth={480}
/>

Use cases

Component or template gallery
Show the breadth of a catalog on the homepage without a grid that ends.
Portfolio wall
Let visitors wander through work instead of scrolling a list.
Customer or case-study showcase
An ambient, throwable wall of screenshots that each link to a story.