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