Build Gamified Banking Experiences
A comprehensive Flutter widget library for the Moroku Odyssey platform. 40+ production-ready components for missions, goals, badges, rewards, and financial wellness tracking.
Everything You Need to Build
Six comprehensive widget categories covering every aspect of gamified digital banking, from account displays to reward celebrations.
Banking Widgets
Core financial displays including balance cards, account details, transaction lists, and quick action buttons.
- BalanceDisplay with animations
- NetPositionCard
- AccountCard (full & compact)
- TransactionList with grouping
- QuickActionsRow
Gamification Widgets
Points, badges, levels, rewards, and player profiles with celebratory animations and visual feedback.
- PointsDisplay with shimmer
- BadgeWidget (5 rarities)
- LevelIndicator
- PlayerProfileCard
- PointsEarnedPopup
Mission Widgets
Challenge tracking across all seven money system categories with progress indicators and completion states.
- MissionCard (expandable)
- MissionCategoryFilter
- ChallengeListItem
- ChallengeDetailCard
- MissionProgressOverview
Goal Widgets
Savings goal management with progress tracking, roundups, auto-payments, and spending breakdown visualization.
- GoalCard with features
- GoalCarousel
- RoundupSettings
- AutoPaymentSettings
- SpendingBreakdownWidget
Common Widgets
Reusable UI components for loading states, error handling, empty states, and consistent user feedback.
- MorokuLoadingIndicator
- MorokuErrorState
- MorokuEmptyState
- MorokuSuccessAnimation
- MorokuSnackBar
Theme System
Distinctive design language with custom typography, mission colors, badge rarities, and dark/light mode support.
- Custom typography scale
- Mission-specific gradients
- Badge rarity colors
- Spacing & radius tokens
- Complete ThemeData
40+ Production-Ready Widgets
Every widget you need to build complete gamified banking experiences.
Simple Integration
Drop-in widgets with sensible defaults and full customization. Complete domain models matching the Odyssey API specification.
- Complete Odyssey domain models
- Callbacks for all interactions
- Dark and light theme support
- Consistent animation patterns
- Responsive layouts built-in
import 'package:moroku_banking_widgets/moroku_banking_widgets.dart'; class GoalScreen extends StatelessWidget { final Goal goal; @override Widget build(BuildContext context) { return Column( children: [ GoalCard( goal: goal, onTap: () => showGoalDetails(goal), ), RoundupSettings( roundups: goal.roundups, onFactorChanged: (factor) { // Update roundup factor }, ), SpendingBreakdownWidget( breakdown: userSpending, ), ], ); } }
Mission-Colored Components
Every widget automatically adapts to the mission category with coordinated colors, icons, and gradients.
Ready to Build Engaging Banking Experiences?
Get the complete Flutter widget library and start building gamified digital banking apps with Moroku Odyssey.