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
npx shadcn@latest add "https://launchuicomponents.com/r/items"
This command will:
- install necessary dependencies and add them to
package.json - create any new components required by this section to work in
components/ui - create an example section file in
components/sections
This section comes with one free variant. To get all variants, purchase Launch UI Pro.
Usage
Free
Everything you need. Nothing you don't.
Accessibility first
Fully WCAG 2.0 compliant, made with best a11y practices
Responsive design
Looks and works great on any device and screen size
Light and dark mode
Seamless switching between color schemes, 6 themes included
Easy to customize
Flexible options to match your product or brand
Top-level performance
Made for lightning-fast load times and smooth interactions
Production ready
Thoroughly tested and launch-prepared
Made for localisation
Easy to implement support for multiple languages and regions
CMS friendly
Built to work with your any headless content management system
Everything you need. Nothing you don't.
Accessibility first
Fully WCAG 2.0 compliant, made with best a11y practices
Responsive design
Looks and works great on any device and screen size
Light and dark mode
Seamless switching between color schemes, 6 themes included
Easy to customize
Flexible options to match your product or brand
Top-level performance
Made for lightning-fast load times and smooth interactions
Production ready
Thoroughly tested and launch-prepared
Made for localisation
Easy to implement support for multiple languages and regions
CMS friendly
Built to work with your any headless content management system
Everything you need. Nothing you don't.
Accessibility first
Fully WCAG 2.0 compliant, made with best a11y practices
Responsive design
Looks and works great on any device and screen size
Light and dark mode
Seamless switching between color schemes, 6 themes included
Easy to customize
Flexible options to match your product or brand
Top-level performance
Made for lightning-fast load times and smooth interactions
Production ready
Thoroughly tested and launch-prepared
Everything you need. Nothing you don't.
Accessibility first
Fully WCAG 2.0 compliant, made with best a11y practices
Responsive design
Looks and works great on any device and screen size
Light and dark mode
Seamless switching between color schemes, 6 themes included
Easy to customize
Flexible options to match your product or brand
Top-level performance
Made for lightning-fast load times and smooth interactions
Production ready
Thoroughly tested and launch-prepared
Need help?
File a feature request, report a bug, or ask me anything.