Aurum · Limit Order
Aurum · Limit Order is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-trade-limit-order.
Aurum · Limit Order is the resting-order ticket for the Aurum web3 exchange. A segmented Buy/Sell toggle at the top recolours the whole screen — Buy turns the active tab, slider, switches and place bar emerald (0xFF2EBD85); Sell flips them to red (0xFFF6465D). Below sit two right-aligned numeric fields: "Limit price" in USDT (pre-filled 63,900.00) and "Amount" in BTC, both using tabular figures and a filtered TextField that accepts only digits, dots and commas. A four-division Slider maps 0/25/50/75/100% of the 4,820.00 USDT balance, its header echoing the live percent. A surface card holds two mutually-exclusive Switches — Post-only ("only add liquidity (maker), never take") and IOC ("immediate-or-cancel: fill now or cancel the rest") — each disabling the other on enable. A summary card computes order value and the 0.10% estimated fee from the slider. A pinned bottom bar reads "Place buy order" / "Place sell order". Pure Flutter, forced dark theme, bundled Inter font, no network images; onBack and onPlace are exposed as callbacks so it drops into any backend.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓Segmented Buy/Sell toggle that re-themes the entire ticket — emerald for buy, red for sell — through a single accent colour getter
- ✓Two right-aligned numeric entry fields (Limit price/USDT, Amount/BTC) with tabular figures and a digit/dot/comma input formatter
- ✓Four-division percent-of-balance Slider with 0/25/50/75/100% rail labels and a live 4,820.00 USDT balance readout
- ✓Mutually-exclusive Post-only and IOC switch rows with explanatory subtitles, where enabling one auto-clears the other
- ✓Live summary card computing order value and a 0.10% estimated maker fee from the chosen slider percentage
- ✓Pinned SafeArea bottom bar with a dynamic Place buy/sell order FilledButton wired to onBack and onPlace callbacks
Use cases
- ✓A crypto exchange app letting traders place resting limit orders below or above market
- ✓A DeFi or web3 wallet adding maker-style order entry with post-only and IOC controls
- ✓A spot-trading product needing a percent-of-balance order ticket with live fee estimates
- ✓An onboarding or paper-trading sandbox teaching new users how limit orders and maker fees work
