Image Card

A card component optimized for displaying images with captions.

image
Image

Installation

pnpm dlx shadcn@latest add https://neobrutal-ui.andongmin.com/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>