Items
A flexible grid component for displaying items in shadcn's style.
Perfect for feature lists, pricing tables, or product showcases, this component provides both default and branded variants. The layout system includes options for large cards and maintains responsive behavior across all screen sizes.
Built with Tailwind CSS, it follows shadcn's design system principles and accessibility standards. The component ensures consistent styling and seamless integration with other shadcn components while providing flexibility for various content display needs.
Installation
Set up project
If you haven't done that already, follow the installation guide before installing your first component.
Install components and dependencies
npx shadcn@latest add "https://launchuicomponents.com/r/items"
This command will:
- install necessary dependencies and add them to
package.json - add components required by this block to work to
components/ui - add a ready-to-use block to
components/sections
Add more variants
Get Launch UI Pro to access all variants.
Usage
Everything you need. Nothing you don't.
Accessibility first
Responsive design
Light and dark mode
Easy to customize
Top-level performance
Production ready
Made for localisation
CMS friendly
Everything you need. Nothing you don't.
Accessibility first
Responsive design
Light and dark mode
Easy to customize
Top-level performance
Production ready
Made for localisation
CMS friendly
Everything you need. Nothing you don't.
Accessibility first
Responsive design
Light and dark mode
Easy to customize
Top-level performance
Production ready
Everything you need. Nothing you don't.
Accessibility first
Responsive design
Light and dark mode
Easy to customize
Top-level performance
Production ready
Need help?
File a feature request, report a bug, or ask me anything.