Collection — E-commerce Flutter screen
E-commerce
83 views

Collection

Collection is a production-ready E-commerce Flutter screen from FlutterKit Pro, installable with flutterkit add ecom-home-collection.

A production-ready Flutter collection screen for any fashion, apparel or lifestyle shop, styled as a curated editorial drop. It opens with a 320px full-bleed hero photo under a dark top-to-bottom gradient, a pill "COLLECTION" badge, an oversized title and a one-line tagline. Below, a count row ("6 pieces" / "Curated by StyleCart Edit") leads into a two-column grid of tall product cards, each with a rounded photo, a floating favourite heart, uppercase brand, product name and price. Floating circular back and share buttons overlay the hero. Backend-agnostic with onProduct, onBack and onShare callbacks.

Reveal the one-line command to drop this screen into your project.

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Full-bleed 320px hero with gradient overlay, COLLECTION pill badge, title and tagline
  • Count + curator byline row above the grid
  • Two-column product grid of tall cards (rounded photo, brand, name, price)
  • Floating favourite heart on every product card
  • Overlaid circular back and share buttons via callbacks
  • Per-item onProduct tap-through plus configurable title and tagline

Use cases

  • Fashion and apparel shopping apps
  • Curated drop or lookbook / editorial commerce
  • Home / lifestyle and decor stores
  • Any themed product collection or category page

Related screens