This component no longer exists. It was in neobrutal-ui’s manifest when we first indexed it and is not there now — the registry served its inventory on 2026-08-06 and this item was not on it. The install command below will fail. It is kept here because a tutorial somewhere still tells people to run it.
Image card
neobrutal-ui/image-cardRemovedComponent
neobrutal-ui publishes no description for this item.
Live preview
live · rendered by the registry
Rendered by neobrutal-ui on their own page — this is the component running, not a screenshot of it.Install it
npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/image-card.jsonSource
1import { cn } from "@/lib/utils";23type Props = {4 imageUrl: string;5 caption: string;6 className?: string;7};89export default function ImageCard({ imageUrl, caption, className }: Props) {10 return (11 <figure12 className={cn(13 "w-[250px] overflow-hidden rounded-base border-2 border-border bg-main font-base shadow-shadow",14 className,15 )}16 >17 <img className="w-full aspect-4/3" src={imageUrl} alt={caption} />18 <figcaption className="border-t-2 text-main-foreground border-border p-4">19 {caption}20 </figcaption>21 </figure>22 );23}
