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
Before installing your first component, follow the installation guide to set up your project.
Once your project is set up, run the following command:
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
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.