Your budget

Prices in US dollars

Show 344 products up to $30

No. 089UI components

Shopping Cart Components

Cart drawer, full cart page and mini cart components with quantity steppers, a free-shipping bar and an empty cart state for online stores.

$15

Fits your $30 budget

  • 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
42 components
File formats
.fig, .sketch, .xd, .png
Supported software
Figma, Sketch, Adobe XD
Download size
18 MB
Good for
  • Online store carts
  • Slide-over cart drawers
  • Mobile shopping flows

About this product

Carts appear here in three formats: a slide-over drawer, a mini cart dropdown under the header icon and a full cart page with an order summary. Line items show the product image, variant details, a quantity stepper, a remove link and a save-for-later action, and the 42 components also include a free-shipping progress bar, a promo code field, a cross-sell row and an empty cart state.

Store designers and front-end developers can model the whole cart, including edge cases such as an item going out of stock or a quantity limit being reached. Layouts are prepared at 1440 and 375 px in Figma, Sketch and Adobe XD.

What's inside

  • 42 components across drawer, mini cart and full page
  • Line items with quantity stepper and save for later
  • Free-shipping progress bar and promo code field
  • Out-of-stock, quantity-limit and empty-cart states
  • Layouts at 1440 and 375 px widths

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

Search by name, type, tag or app, for example “dashboard” or “Figma”.