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

1

Set up project

If you haven't done that already, follow the installation guide before installing your first component.

2

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
3

Add more variants

Get Launch UI Pro to access all variants.

Get 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.