$9, Fits your $30 budget
Cover illustration. The files are listed under What's inside.
Product Card UI Pack
E-commerce product cards with image areas, prices, sale badges, color swatches, ratings and add-to-cart actions for grid and list views.
$9
Fits your $30 budget
Added to your cart.View your cart
- Includes the Standard license: personal, commercial and client work for one person.
- Instant download after payment, plus an email with links that stay active for 30 days.
- Refund within 14 days if you haven't downloaded it yet, if it doesn't work in the supported software listed here, or if it's faulty and we can't fix it.
- Contents
- 30 components
- File formats
- .fig, .sketch, .png
- Supported software
- Figma, Sketch
- Download size
- 11 MB
- Good for
- Online store category pages
- Search results
- Related product rows
About this product
Grid, list and compact cards share the same parts across 30 components: a 4:5 or 1:1 image area, price and sale price, a discount badge, color swatches, size chips, rating stars, a wishlist button and an add-to-cart action. Hover variants reveal a quick-view button, and an out-of-stock state dims the card and swaps the action.
Every element is a component property rather than a loose layer, so store designers can switch a badge or swatch row on or off across a whole category grid. Two-column mobile cards are included at 375 px, and image areas are frames you fill with your own product photos.
What's inside
- 30 components in grid, list and compact layouts
- 4:5 and 1:1 image areas sized for your own photos
- Sale price, discount badge, swatches and size chips
- Hover quick-view and out-of-stock states
- Two-column mobile cards at 375 px width
License
Standard license
Included with every purchase
For one person. Use the assets in unlimited personal and commercial projects, including work you deliver to clients.
Allowed
- Design a client's website with a UI kit and hand over the finished site
- Use the same asset in as many of your projects as you like
- Build your startup's pitch deck from a presentation template
- Use an icon set throughout your company's web app
Not allowed
- Reselling, sharing, sublicensing or giving away the files, as they are or modified, for example on stock sites or marketplaces
- Uploading the files anywhere others can download or extract them, such as a public repository
- Letting several people work from one Standard license (a Team license covers that)
- Selling print-on-demand merchandise or templates built on the assets without an Extended license
$9, Fits your $30 budget
$9, Fits your $30 budget
$9, Fits your $30 budget