Eduverse | Flutter Course UI Kit

Eduverse is a modern, clean, and premium Flutter UI Kit meticulously designed for building online course or e-learning mobile applications. It provides a highly structured, scalable, and reusable UI system to help developers accelerate their development process and deliver stunning apps faster.

Key Features

• Modern & Clean UI: Beautifully crafted screens following the latest design trends.
• Reusable Components: Modular UI components that can be easily repurposed.
• Smooth Animations: Enhanced user experience with fluid animations and transitions.
• Shimmer Placeholders: Modern loading states for a premium app feel.
• Responsive Layout: Optimized for various mobile screen sizes.

Screens Included

• Splash Screen
• Onboarding Screen
• Login & Register
• Home Screen
• Course List & Course Detail
• Mentor List & Mentor Profile
• Wishlist Screen
• Certificates Screen
• Profile Screen

Requirements

• Flutter SDK 3.x
• Dart SDK 3.x
• Android Studio or Visual Studio Code

Installation Guide

1. Download the project files.
2. Extract the ZIP file.
3. Open the project in VS Code or Android Studio.

1. Install Dependencies

flutter pub get

2. Generate Splash Screen

flutter pub run flutter_native_splash:create

Note: The splash screen is generated using flutter_native_splash. Make sure to run this command before launching the app.

3. Run the App

flutter run

Optional Setup (App Icon Customization)

To customize the app icon, replace the placeholder image file at:

assets/app_launcher.png

Then run the following command:

flutter pub run flutter_launcher_icons

Project Structure

• lib/ — Main source code
• assets/ — Images and resources
• android/ — Android configuration
• ios/ — iOS configuration

Dependencies Used

• google_fonts → Custom typography
• flutter_animate → Animations
• shimmer → Loading placeholders
• go_router → Navigation
• flutter_native_splash → Splash screen generator
• flutter_launcher_icons → App icon generator

Easy Customization

You can easily customize the UI to match your branding:

• Edit colors and themes in lib/constants/colors.dart
• Replace images in the assets/ folder (onboarding, mentors, logos, etc.)
• Modify UI components inside the lib/ folder

How to Change App Name

Android:
Edit android/app/src/main/AndroidManifest.xml and change android:label="Eduverse"

iOS:
Edit ios/Runner/Info.plist and update CFBundleName

How to Change Package Name (Bundle ID)

Format example: com.yourcompany.appname

• Android: Update applicationId in android/app/build.gradle
• iOS: Change Bundle Identifier via Xcode

Extending the App

• Add new screens inside the lib/ folder.
• Navigation is fully handled using go_router.
• Global theme can be customized inside lib/constants/colors.dart.

Troubleshooting

• flutter pub get failed: Run flutter clean and try running the command again.
• iOS setup (optional): If building for iOS, run cd ios && pod install.
• Build failed: Ensure your Flutter SDK version matches the project requirements (3.x).

Important Notes

• This is a UI Kit only: No backend, database integration, or API connection is included.
• The project is structurally optimized to make customization simple, clean, and developer-friendly.

Support

If you need any help, have questions, or need further customization, please feel free to contact us via our Profile Page container.