Global eSIM | Flutter UI Kit Marketplace and Travel Data App

Global eSIM is a premium, mobile-first Flutter UI template for building a global eSIM marketplace, travel data store, or mobile connectivity app. It ships as clean, well-structured Dart source code with 26 fully connected, responsive screens, a complete reusable component library grouped into category folders, light and dark themes, four accent gradients, a global density control, and custom hand-painted graphics (decorative QR code, data-usage ring, coverage radar, animated brand mark). Launch your eSIM app, travel SIM store, prepaid data plans store, roaming app, mobile data reseller, MVNO front end, or telecom app on Android, iOS and Web from a single codebase.

Demo Instructions

Android Demo Login Credentials

Email: support@alphaxp.net
Password: 1234567

Use the credentials above to log in to the Android demo application and explore the complete application flow, including the marketplace, eSIM plans, cart, checkout, My eSIMs, usage, top-ups, profile, help center and support features.

Important: This is a UI/UX template (front end only). All countries, plans, eSIMs, usage figures and support content are plausible-but-fake demo data. No backend, carrier or eSIM provisioning, and no real payment processing are included. The codebase is organized so you can connect your own REST or GraphQL API, eSIM provider, and payment gateway. Connecting to external REST or GraphQL APIs, eSIM providers, and payment gateways will involve separate costs for the buyer; these services are not included in the purchase.

Important – External Service Costs (please read before buying)

Connecting this template to external eSIM providers, payment gateways, and backend APIs (REST or GraphQL) will involve separate service costs, billed to you by those providers and not included in the item price. This template does not include and is not affiliated with any backend, API, eSIM provider, carrier, or payment gateway. To make the app functional you must connect your own third-party services, and each charges its own fees:

Backend / REST or GraphQL APIs – hosting and API subscription costs for the server you connect
eSIM / carrier provisioning providers – account fees plus the wholesale cost of every eSIM/data plan you provision
Payment gateways – per-transaction processing fees

All of these require you to open and maintain your own accounts with those providers; their fees, subscriptions and transaction charges are billed directly to you and are NOT included in the price of this item. Please review each provider’s pricing before going live. The documentation includes a dedicated “Connecting a Real Backend, APIs and Payment Gateways” section, including a guide to handling common API response errors, to get you started.

The interface uses a modern dark, techy, neon connectivity aesthetic: gradient accents, frosted glass cards, monospace data and soft glows, with a light theme included. Every color, gradient, font, radius and spacing is driven by centralized design tokens, so you can re-skin the entire application by editing a single file.

Key Features

26 connected, responsive screens covering a complete eSIM marketplace, account, and customer-support product flow
Light and dark themes plus four accent gradients – Aurora, Electric, Sunset and Mint – all switchable at runtime from one tokens file
Global density control (Compact, Medium, Comfortable) applied across every screen with a single setting
Custom graphics built with Flutter CustomPainter and no third-party packages: decorative QR code, gradient data-usage ring, animated brand mark, and a dotted coverage radar
Complete reusable component library grouped into folders by category – buttons, cards, inputs, display, layout and feedback – one widget per file for easy finding and debugging, imported through a single barrel file
Stateful demo commerce: choose a plan, add to cart, apply a promo code, checkout, and the purchased eSIM appears in My eSIMs with its own QR code and live usage; data top-ups update balances in real time
Clean, layered architecture (theme, state, data, widgets, screens) with a clear, documented separation of concerns
Lightweight custom navigation: pre-auth flow (splash, onboarding, login, register), a floating bottom tab bar, and a push stack with smooth slide and fade transitions
Animations: animated screen transitions, rotating splash mark, success pop, and a live-chat typing indicator
Responsive and safe-area aware – scales across small phones, large phones, tablets and web
Offline-friendly: uses the platform font, no web-font downloads, and no third-party plugins, so it builds and runs without a network connection
Well-commented code and full step-by-step HTML documentation included

Screens Included (26)

Animated Splash screen
Onboarding carousel (3 slides)
Login (email or phone, plus Google and Apple)
Register / Create account
Home marketplace: featured carousel, regional plans grid, popular destinations
Explore countries with region filter and price/popularity sort
Live Search
Plan Details with coverage radar, plan picker and a sticky Buy bar
Cart with promo codes
Checkout with five payment methods
Order Success with a live QR code
My eSIMs with active and expired tabs and data bars
eSIM Install guide with QR code, copyable activation code and step-by-step instructions
Usage dashboard with a data-usage ring and a 7-day bar chart
Data Top-up
Notifications
Profile with appearance controls (dark mode, accent, density)
Help Center with search, topic grid and contact options
Help Article with steps, helpful vote and related articles
Live Chat with typing indicator and quick replies
My Tickets
Security with Face ID, two-factor authentication, app PIN and trusted devices
Language and Currency selector
Data and Alerts with a usage-threshold slider and notification toggles
Offline edge state
Payment Failed edge state

What You Get

Full Flutter source code in Dart
Android, iOS and Web ready from one codebase
Light and dark theme, four accent gradients, and a density control
Reusable widget library and custom-painted graphics
Step-by-step HTML documentation
Demo data and model classes you can swap for your own API

Requirements

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)
Visual Studio Code or Android Studio with the Flutter and Dart plugins

Easy to Customize

Change every color and gradient from one file (theme tokens). Replace the demo content in the data file, edit any button or card in its own dedicated file, rename the app and package identifier, swap the launcher icon, and add new screens in minutes by following the included documentation. Widgets depend only on the model classes, so wiring your real API responses in place of the demo data is straightforward.

Support and Updates

Friendly support is available for setup and usage questions, along with free updates. Please note this is a UI template and does not include a backend, real eSIM or carrier integration, or payment processing.