Search Suggestions — E-commerce Flutter screen
E-commerce
25 views

Search Suggestions

Search Suggestions is a production-ready E-commerce Flutter screen from FlutterKit Pro, installable with flutterkit add ecom-search-suggest.

A production-ready Flutter search-suggestions screen for any shopping or marketplace app. A pill search field with a clearable cancel button sits above a single ListView that interleaves four result kinds: matching query completions with a return-arrow affordance, labelled category rows with tinted icon tiles and scope, brand rows with monogram avatars, and product matches showing a thumbnail, brand and price. The live query substring is emphasised in brand red across every row via rich-text highlighting. Bundled Manrope, inline Airbnb-style tokens, callback-only API and backend-agnostic.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Pill search field with live onChanged query + clearable cancel icon
  • Query-completion rows with a north-west return-arrow affordance
  • Labelled section headers for Categories, Brands and Products
  • Category rows with tinted icon tiles and scope ('in Women')
  • Brand rows with monogram avatars and a 'Brand' tag
  • Product rows with webp thumbnail, brand and price, plus live-substring red highlighting

Use cases

  • Fashion and apparel shopping apps
  • General e-commerce and marketplace apps
  • Multi-brand retail and catalog apps
  • Any app needing live search typeahead with mixed result types

Related screens