Ecommerce Components: Components for Figma | HorizonX

UI/UX

Ecommerce Components

Ecommerce component set covering the post-add-to-cart half of the funnel: product gallery, cart summary, payment confirmation, courier tracking, loyalty tiers, wishlist cards and a review flow.

Ecommerce Components, image 4
Ecommerce Components, image 1
Ecommerce Components, image 2
Ecommerce Components, image 3
Ecommerce Components, image 4
Ecommerce Components, image 1
  • Instant access Included with every membership
  • Editable Figma source Copy straight to your workspace
  • Commercial license With a membership, for client work

Overview

Most ecommerce kits stop at the product grid. This one starts there and carries through everything that happens after the customer commits. It ships a product gallery with a thumbnail strip and selected state, product cards with ratings, review counts, price and a wishlist toggle in both empty and filled states, a category tile with a product count, a cart summary with line items, quantity and an estimated total, a payment-confirmation dialog with wallet copy and a cancel or receipt action pair, a courier tracking card with the driver, package reference and a packed-to-delivery route, a three-step loyalty tier slider, and a two-part review flow: a star rating with a text field, and an itemised review card with a delivered status pill. Built in Figma on a soft violet and near-black palette, with real product photography embedded rather than placeholders. All pieces are separable and the layouts are shown assembled at both mobile and desktop widths.

Highlights

  • Refined, production-ready UI composition
  • Organized, reusable Figma components
  • Clean layout system you can adapt fast

What's included

  • Editable Figma source file
  • Organized layers & components
  • Reusable styles and tokens
  • Commercial license with a membership

Frequently asked questions

  • The editable Figma source for this concept. Copy it into your own workspace and adapt it freely.

  • It's included with a HorizonX membership. Open it and copy it to Figma instantly, no separate purchase.

  • Yes, with a HorizonX membership. Members get a commercial license: use and adapt these files in personal, client and commercial projects. If your plan ends, projects you already built keep their license, but the files can't be used to start new ones.