Similar Products
Similar Products is a production-ready E-commerce Flutter screen from FlutterKit — free, with full source code.
A production-ready Flutter discovery screen that hangs off any product page. The top "Complete the look" rail scrolls horizontally through curated items, each with image, title and price, and a dark full-width button that adds all three to the bag at an auto-summed bundle total. Below, a two-column "Similar items" grid shows each product with a wishlist heart, uppercase brand, name, price with strikethrough was-price, a computed percent-off sale badge and a CustomPainter star rating with review count. Backend-agnostic, exposing tap and add-look callbacks.
Full tutorial coming soon.
The step-by-step walkthrough and complete Dart source for this screen haven't been published yet. They'll be free when they are — no sign-up, no payment. In the meantime, browse the screens that already have their tutorial.
What's included
- ✓Horizontal 'Complete the look' product rail with tappable cards
- ✓Dark 'Add all to bag' button with auto-summed bundle price
- ✓Two-column similar-items grid with 0.60 aspect-ratio cards
- ✓Wishlist heart overlay on every grid image
- ✓Sale badge with computed percent-off and strikethrough was-price
- ✓CustomPainter five-point star rating with review count
Use cases
- ✓Fashion and apparel shopping apps
- ✓General e-commerce marketplaces
- ✓Product-page cross-sell and 'shop the look' flows
- ✓Wishlist-driven retail discovery apps
