Visual Search — E-commerce Flutter screen
E-commerce
20 views

Visual Search

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

A production-ready Flutter search-by-image screen for any shopping app. A large rounded viewfinder fills the canvas with a CustomPainter scan overlay — four L-shaped corner brackets, a brand-colored scan line and a centre reticle over a subject silhouette plus a "Point at an item or upload a photo" hint. Below it sit a pill Upload (outlined) and Capture (filled) action pair, then a "Closest matches / See all" header and a horizontal rail of result thumbnails, each with a percent-match badge and price. Backend-agnostic with tap callbacks only.

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

  • CustomPainter scan overlay: corner brackets, scan line and centre reticle
  • Rounded viewfinder with subject silhouette and on-frame hint text
  • Outlined Upload and filled Capture pill action buttons
  • Horizontal 'Closest matches' rail with See all link
  • Result thumbnails with percent-match badge and price
  • Per-result, capture, upload and see-all tap callbacks

Use cases

  • Fashion and apparel shopping apps
  • Marketplace and resale apps with image search
  • Home decor and furniture catalogs
  • Any retail app adding search-by-photo discovery

Related screens