DM
Duy Minh

Product Catalog Card List

Create a card list component to display a product catalog. Each card should include the product's image, name, price, brief description, and a star rating system. Add microinteractions such as a slight zoom effect on the product image when hovered over, and a smooth shadow transition. Include a Quick View button that opens a modal with more details and a View Details button that changes color on hover for additional visual feedback.

Prompt
Component Preview

About

Build a dynamic product catalog using Bootstrap and HTML featuring image zoom, smooth shadows, quick view modals, and interactive buttons for an engaging shopping experience.

Share

Last updated 1 month ago