Skip to main content

Image Card

A card component optimized for displaying images with captions.

Image
Image

Installation

pnpm dlx shadcn@latest add https://brutalizmui.pages.dev/r/image-card.json

Usage

import { ImageCard } from '@/components/ui/image-card'
<ImageCard
  caption="Image"
  imageUrl="https://hips.hearstapps.com/hmg-prod/images/flowers-trees-and-bushes-reach-their-peak-of-full-bloom-in-news-photo-1678292967.jpg?resize=300:*"
></ImageCard>