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.

Libraries

zeba_academy_lms_ui