International eSIM | Flutter UI Equipment Market and Journey Knowledge App
International eSIM is a premium, mobile-first Flutter UI template for constructing a worldwide eSIM market,
journey knowledge retailer, or cell connectivity app. It ships as clear, well-structured Dart supply code
with 26 totally linked, responsive screens, a whole reusable part library grouped into
class folders, gentle and darkish themes, 4 accent gradients, a worldwide density management, and
{custom} hand-painted graphics (ornamental QR code, data-usage ring, protection radar, animated model
mark). Launch your eSIM app, journey SIM retailer, pay as you go knowledge plans retailer, roaming app, cell knowledge
reseller, MVNO entrance finish, or telecom app on Android, iOS and Internet from a single codebase.
Demo Directions
Android Demo Login Credentials
E-mail: [email protected]
Password: 1234567
Use the credentials above to log in to the Android demo software and discover the entire
software circulation, together with {the marketplace}, eSIM plans, cart, checkout, My eSIMs, utilization,
top-ups, profile, assist middle and help options.
Essential: It is a UI/UX template (entrance finish solely). All international locations, plans, eSIMs,
utilization figures and help content material are plausible-but-fake demo knowledge. No backend, provider or eSIM
provisioning, and no actual fee processing are included. The codebase is organized so you’ll be able to
join your individual REST or GraphQL API, eSIM supplier, and fee gateway.
Connecting to exterior REST or GraphQL APIs, eSIM suppliers, and fee gateways will
contain separate prices for the client; these companies aren’t included within the buy.
Essential – Exterior Service Prices (please learn earlier than shopping for)
Connecting this template to exterior eSIM suppliers, fee gateways, and backend APIs
(REST or GraphQL) will contain separate service prices, billed to you by these suppliers and never
included within the merchandise worth. This template doesn’t embrace and isn’t affiliated with
any backend, API, eSIM supplier, provider, or fee gateway. To make the app purposeful you need to
join your individual third-party companies, and every expenses its personal charges:
- Backend / REST or GraphQL APIs – internet hosting and API subscription prices for the server you join
- eSIM / provider provisioning suppliers – account charges plus the wholesale price of each eSIM/knowledge plan you provision
- Fee gateways – per-transaction processing charges
All of those require you to open and keep your individual accounts with these suppliers; their charges,
subscriptions and transaction expenses are billed on to you and are NOT included within the worth
of this merchandise. Please evaluation every supplier’s pricing earlier than going dwell. The documentation consists of
a devoted “Connecting a Actual Backend, APIs and Fee Gateways” part, together with a information to
dealing with frequent API response errors, to get you began.
The interface makes use of a contemporary darkish, techy, neon connectivity aesthetic: gradient accents, frosted
glass playing cards, monospace knowledge and tender glows, with a lightweight theme included. Each shade, gradient,
font, radius and spacing is pushed by centralized design tokens, so you’ll be able to re-skin all the
software by enhancing a single file.
Key Options
- 26 linked, responsive screens overlaying a whole eSIM market, account, and customer-support product circulation
- Mild and darkish themes plus 4 accent gradients – Aurora, Electrical, Sundown and Mint – all switchable at runtime from one tokens file
- International density management (Compact, Medium, Snug) utilized throughout each display screen with a single setting
- Customized graphics constructed with Flutter CustomPainter and no third-party packages: ornamental QR code, gradient data-usage ring, animated model mark, and a dotted protection radar
- Full reusable part library grouped into folders by class – buttons, playing cards, inputs, show, format and suggestions – one widget per file for straightforward discovering and debugging, imported by way of a single barrel file
- Stateful demo commerce: select a plan, add to cart, apply a promo code, checkout, and the bought eSIM seems in My eSIMs with its personal QR code and dwell utilization; knowledge top-ups replace balances in actual time
- Clear, layered structure (theme, state, knowledge, widgets, screens) with a transparent, documented separation of issues
- Light-weight {custom} navigation: pre-auth circulation (splash, onboarding, login, register), a floating backside tab bar, and a push stack with easy slide and fade transitions
- Animations: animated display screen transitions, rotating splash mark, success pop, and a live-chat typing indicator
- Responsive and safe-area conscious – scales throughout small telephones, massive telephones, tablets and internet
- Offline-friendly: makes use of the platform font, no web-font downloads, and no third-party plugins, so it builds and runs with out a community connection
- Properly-commented code and full step-by-step HTML documentation included
Screens Included (26)
- Animated Splash display screen
- Onboarding carousel (3 slides)
- Login (e mail or cellphone, plus Google and Apple)
- Register / Create account
- Dwelling market: featured carousel, regional plans grid, well-liked locations
- Discover international locations with area filter and worth/recognition kind
- Stay Search
- Plan Particulars with protection radar, plan picker and a sticky Purchase bar
- Cart with promo codes
- Checkout with 5 fee strategies
- Order Success with a dwell QR code
- My eSIMs with lively and expired tabs and knowledge bars
- eSIM Set up information with QR code, copyable activation code and step-by-step directions
- Utilization dashboard with a data-usage ring and a 7-day bar chart
- Knowledge Prime-up
- Notifications
- Profile with look controls (darkish mode, accent, density)
- Assist Middle with search, matter grid and get in touch with choices
- Assist Article with steps, useful vote and associated articles
- Stay Chat with typing indicator and fast replies
- My Tickets
- Safety with Face ID, two-factor authentication, app PIN and trusted gadgets
- Language and Forex selector
- Knowledge and Alerts with a usage-threshold slider and notification toggles
- Offline edge state
- Fee Failed edge state
What You Get
- Full Flutter supply code in Dart
- Android, iOS and Internet prepared from one codebase
- Mild and darkish theme, 4 accent gradients, and a density management
- Reusable widget library and custom-painted graphics
- Step-by-step HTML documentation
- Demo knowledge and mannequin courses you’ll be able to swap in your personal API
Necessities
- Flutter SDK 3.38 or newer (Dart 3)
- Android SDK 36 or newer and JDK 17 for Android builds
- Xcode 14 or newer for iOS builds (macOS)
- Visible Studio Code or Android Studio with the Flutter and Dart plugins
Simple to Customise
Change each shade and gradient from one file (theme tokens). Substitute the demo content material within the knowledge
file, edit any button or card in its personal devoted file, rename the app and package deal identifier,
swap the launcher icon, and add new screens in minutes by following the included documentation.
Widgets rely solely on the mannequin courses, so wiring your actual API responses rather than the demo
knowledge is easy.
Help and Updates
Pleasant help is on the market for setup and utilization questions, together with free updates. Please word
this can be a UI template and doesn’t embrace a backend, actual eSIM or provider integration, or fee
processing.
