design-infraReport a problem or share feedback← Catalog
Image Generation
freebeui/image-generation
A stable generated-image surface that moves from queued work through progressive refinement to a completed result without layout shift.
$
npx shadcn@latest add @beui/image-generationnpm deps: clsx, lucide-react, motion, tailwind-merge
- Source
- beUI (free)
- Kind
- component
- Categories
- agent-ui, image
- Use as
- drop-in — replaces your component
- Applies to
- agent-uiimage
- Motion
- on state · medium · motion · medium cost
- Tags
- react, tailwind-v4, motion, agents
- Licence
- MIT — Copyright (c) 2026 Saurabh Chauhan; retain the upstream notice when copying source.
- Live demo
- beui.dev
- Docs
- beui.dev
Similar
Compare all 4 →- Image Generation Panelsmoothui/image-generation-panelA text-to-image generation console — prompt and settings up top, a full-width 2x2 batch resolving from low-res mosaic to sharp below.
- Image Viewer Morphingbeui/morphing-lightboxAn image viewer for inspecting gallery items and attachments. Supply licensed images and meaningful alt text; verify focus return and mobile gestures.
- Beam cardoc/beam-card♥ The user explicitly asked to keep Beam Card in the homepage examples while replacing the underwhelming loader. Retain its subtle beam emphasis.