edbnedbn/uiBeta
  • Blocks
  • Templates
  • Pricing
Sign inSign in
Explorer
/
  • A–Z
  • Get started
    • Overview
  • Elements
    • Actions
    • Progress & feedback
    • Sign-in & forms
    • Notifications
  • Application
    • AI chat
    • Dashboards
    • Settings
    • Onboarding
    • Scheduling
  • Marketing
    • Navbars
    • Heroes
    • Features
    • Pricing
    • Testimonials
    • Calls to action
    • FAQ
    • Contact
    • Footers
  • Commerce
    • Product lists
    • Product details
    • Cart & checkout
  1. Blocks
  2. Product lists
  3. Product grid

More in Product lists

All 4 blocks
  • Product list with filters
  • Product row
  • Category tiles

Product grid

A shop section of product cards in four columns, with quick add on each photo, a sale price and a sold-out piece.

ProProduct listsshadcn Base UI

Dependencies

Packages1

  • lucide-react^1.33.0

Registry items7

  • edbn-base
  • aspect-ratio
  • badge
  • button
  • text-link
  • toast
  • tooltip

Installation