Clearance — E-commerce Flutter screen
E-commerce
64 views

Clearance

Clearance is a production-ready E-commerce Flutter screen from FlutterKit Pro, installable with flutterkit add ecom-deals-clearance.

A production-ready Flutter clearance screen for any fashion, retail or marketplace app, sorting final markdowns by biggest discount. A header with a live item count sits above a horizontal pill sort bar (Biggest discount, Price: low to high, Newest), then a tinted savings banner calls out the headline cut. Below, a two-column sliver grid renders product cards with a custom-painted pointed "% OFF" corner flag, struck original pricing in red, and a "Final sale" hint on the deepest cuts. Self-contained, web-overflow-proof and backend-agnostic with callbacks for back and product tap.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Horizontal pill sort bar with active state (Biggest discount / Price / Newest)
  • Tinted savings banner with icon and headline markdown copy
  • Two-column SliverGrid of product cards
  • CustomPainter pointed "% OFF" corner flag tag
  • Sale price beside struck-through original price
  • Conditional "Final sale" badge on the deepest discounts

Use cases

  • Fashion and apparel shopping apps
  • General retail / e-commerce storefronts
  • Marketplace sale and clearance sections
  • Outlet or daily-deals apps

Related screens