No products match — E-commerce Flutter screen
E-commerce
25 views

No products match

No products match is a production-ready E-commerce Flutter screen from FlutterKit Pro, installable with flutterkit add ecom-cat-empty.

A production-ready Flutter empty-state screen for fashion and retail apps when a filter set excludes every product. It centers a custom-painted empty clothing rack with hanger and search-ring illustration (no emoji), a bold "No products match" headline and a "widen your filters" hint. Below sits an ACTIVE FILTERS row of pill chips that each remove on tap, then a stadium Reset-all-filters primary button and a "Browse trending instead" escape hatch. Self-contained with bundled Manrope, its own light theme and SafeArea, exposing back/reset/browse callbacks so it drops onto any backend.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • CustomPainter empty-rack illustration with hanger and search ring
  • Tappable removable ACTIVE FILTERS chips (Wrap layout)
  • Bold headline plus muted widen-your-filters hint copy
  • Stadium Reset-all-filters primary CTA
  • Browse-trending-instead secondary text button
  • Back-arrow header with Results title and SafeArea scaffold

Use cases

  • Fashion and apparel shopping apps
  • Marketplace and retail catalog apps
  • Any filtered product-search empty state
  • Grocery or general e-commerce browse flows

Related screens