Zeba Academy LMS UI #

A modern Learning Management System (LMS) UI Kit built with Flutter.

zeba_academy_lms_ui provides reusable widgets and layouts for building eLearning, course, and academy applications quickly with a clean and scalable design system.

✨ Features #

• 📚 Course Card Widgets
• 🎬 Lesson Player Layout
• 📊 Progress Bars
• 🧭 Curriculum Timeline
• 🏆 Certificate Template UI
• 🎨 Clean & Modern Design
• 📱 Mobile Ready
• ♻️ Reusable Components

📸 Preview #

[LMS Preview]

🚀 Installation #

Add dependency in your pubspec.yaml:

dependencies:
  zeba_academy_lms_ui:
    ^0.0.1

Then run:

flutter pub get

🧩 Usage #

Import the package:

import 'package:zeba_academy_lms_ui/zeba_academy_lms_ui.dart';

Course Card Example #

CourseCard(
  course: CourseModel(
    title: "Flutter Masterclass",
    instructor: "Zeba Academy",
    image: "https://picsum.photos/400",
    progress: 0.7,
  ),
)

Lesson Player Layout #

LessonPlayerLayout(
  videoPlayer: Container(color: Colors.black),
  lessonList: Text("Lessons"),
)

Certificate Template #

CertificateTemplate(
  studentName: "John Doe",
  courseName: "Flutter Development",
)

📂 Package Structure #

lib/
 ├── core/
 ├── models/
 ├── widgets/
 ├── layouts/
 └── templates/

🎯 Target Apps #

• eLearning Apps
• Online Academies
• Course Platforms
• Educational Apps
• Training Systems

🛠 Example App #

Run the example application:

cd example
flutter run

🤝 Contributing #

Contributions are welcome!

1. Fork the repository
2. Create a feature branch
3. Commit changes
4. Open a Pull Request

📄 License #

This project is licensed under the GNU General Public License v3.0.

See the LICENSE file for details.

👨‍💻 Author #

Zeba Academy https://code.zeba.academy

⭐ Support #

If you like this package, please ⭐ the repository.