Select Variant
Select Variant is a production-ready E-commerce Flutter screen from FlutterKit Pro, installable with flutterkit add ecom-product-variants.
A production-ready Flutter variant-picker bottom sheet for any fashion or retail app. It opens over a dimmed scrim with a drag handle and close button, shows a product summary row (thumbnail, name, price), a row of round colour swatches drawn with a CustomPainter that adds a selected ring and check, and a size grid where each option carries its own stock state — selectable, low, or struck-through sold out. A live availability line switches between in-stock, "only N left" and sold-out, and a pinned confirm bar mirrors the chosen variant's price and disables when the combination is unavailable. Backend-agnostic with callbacks only.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓Dismissable bottom sheet with drag handle, scrim tap and close button
- ✓Product summary row with thumbnail, title and live price
- ✓CustomPainter colour swatches with selected ring and check mark
- ✓Size grid with per-variant stock: selectable, low, or struck-through sold out
- ✓Live availability line (in stock / only N left / sold out) with coloured icon
- ✓Pinned confirm bar that reflects price and disables on unavailable combos
Use cases
- ✓Fashion and apparel shopping apps
- ✓General e-commerce and marketplace apps
- ✓Footwear and accessories stores
- ✓Any product detail screen needing colour/size selection
