Join our Discord Community
shadcn.io
AIBackgroundBlocksButtonsChartsComponentsHooksMCPPatternsPromptsShadcn UIShadersTextTheme
Item/Media
Previous: React Item with AvatarNext: React Basic Item

React Item with Image Media

Item - Media pattern component

Looking to implement shadcn/ui patterns?

Join our Discord community for help from other developers.


Loading preview...

Pattern created by @haydenbleasel

Installation

npx shadcn@latest add https://www.shadcn.io/registry/item-media-3.json
npx shadcn@latest add https://www.shadcn.io/registry/item-media-3.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/item-media-3.json
bunx shadcn@latest add https://www.shadcn.io/registry/item-media-3.json

React Item with Avatar

Item - Media pattern component

React Basic Item

Item - Standard pattern component

On this page

Installation