Brands Directory — E-commerce Flutter screen
E-commerce
63 views

Brands Directory

Brands Directory is a production-ready E-commerce Flutter screen from FlutterKit — free, with full source code.

A production-ready Flutter brands directory for any shopping or marketplace app. It opens with a tappable search bar and a horizontal Featured carousel of cover-photo cards, each with a painted monogram badge, item count and a Follow/Following pill. Below, every brand is grouped into A–Z sections with a tinted monogram logo, product count and follow chip, while a fixed alphabet rail down the right edge jumps between letters. Monograms are CustomPainter-drawn, the theme is self-contained, and it stays backend-agnostic via plain 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

  • Tap-through search bar with onSearch callback
  • Horizontal Featured carousel with cover photos and monogram badges
  • A–Z sectioned brand list with letter labels
  • CustomPaint monogram logos (tinted fill, white-on-photo variant)
  • Animated Follow / Following pill with live toggle state
  • Fixed alphabet jump rail pinned to the right edge

Use cases

  • Fashion and apparel shopping apps
  • Marketplace and multi-brand storefronts
  • Brand or store discovery and follow features
  • Any A–Z searchable directory list

Related screens