Components
Loading preview...
Simulates an AI Chat generating and image
@gonzalochale
npx shadcn@latest add https://21st.dev/r/gonzalochale/ai-chat-image-generation-1import { ImageGeneration } from "@/components/ui/ai-chat-image-generation-1";
const ImageGenerationDemo = () => {
return (
<div className="w-full min-h-dvh flex justify-center items-center">
<ImageGeneration>
<img
className="aspect-video max-w-md object-cover"
src="https://21st.dev/og-image.png"
alt="21st og generation"
/>
</ImageGeneration>
</div>
);
};
export default { ImageGenerationDemo };