Search Suggestions
Search Suggestions is a production-ready E-commerce Flutter screen from FlutterKit — free, with full source code.
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.
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
- ✓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
