Get everything for $99, lifetime

Components

Image Generation

Pro

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/image-generation

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 licenseGet Pro
import { ImageGeneration } from "@/components/ui/ImageGeneration";

<ImageGeneration
  src="/renders/stingrays.webp"
  prompt="Stingrays gliding through turquoise shallows, shot from above"
  onComplete={() => console.log("ready")}
/>

Use cases

  • Chat image results

    Show a generated image arriving inside an assistant reply instead of a spinner then a hard cut.

  • Generation queue

    Drive several cards from real job progress so a gallery fills in as renders finish.

  • Editing tools

    Replay the reveal after an inpaint or upscale so the change reads as a fresh render.

  • Onboarding demos

    Loop a canned render on a landing page to sell the product before the user has a key.