zeba_academy_exam_ui_kit

Professional Exam & Quiz UI Kit for Flutter with reusable widgets for building modern EdTech, quiz, and assessment apps. This package provides ready-to-use UI components like question cards, exam layouts, progress indicators, result screens, and leaderboards so developers can quickly build beautiful exam interfaces.

✨ Features

  • 📝 Question Card Widgets – Beautiful multiple choice question UI
  • 📊 Result Screen – Show exam score and percentage
  • 📈 Analytics Screen – Display correct / wrong / skipped answers
  • 📉 Progress Indicator – Track exam progress visually
  • 🏆 Leaderboard UI – Display ranked users with scores
  • 🧩 Reusable Exam Layout – Build complete exam screens quickly
  • 📱 Responsive Design – Works on mobile, tablet, and web
  • ⚡ Plug-and-Play Widgets – Simple integration into any Flutter app

📸 Screenshot

Exam UI Demo

📦 Installation

Add the package to your pubspec.yaml:

dependencies:
  zeba_academy_exam_ui_kit: ^1.0.0

Then run:

flutter pub get

🚀 Quick Start

Import the package:

import 'package:zeba_academy_exam_ui_kit/zeba_academy_exam_ui_kit.dart';

🧠 Create a Question Model

final question = QuestionModel(
  question: "What is Flutter?",
  options: [
    "Framework",
    "Language",
    "Database",
    "IDE"
  ],
  correctIndex: 0,
);

📝 Question Card Widget

QuestionCard(
  question: question,
  onOptionSelected: (index) {
    print(index);
  },
)

📉 Exam Progress Indicator

ExamProgressBar(
  current: 1,
  total: 10,
)

🧩 Exam Layout

Use a reusable layout for exam screens.

ExamLayout(
  progressWidget: ExamProgressBar(
    current: 1,
    total: 10,
  ),
  questionWidget: QuestionCard(
    question: question,
    onOptionSelected: (index) {},
  ),
  onNext: () {},
)

📊 Result Screen

ResultScreen(
  score: 8,
  total: 10,
)

📈 Analytics Screen

AnalyticsScreen(
  correct: 8,
  wrong: 1,
  skipped: 1,
)

🏆 Leaderboard Tile

LeaderboardTile(
  name: "Alice",
  score: 95,
  rank: 1,
)

📁 Project Structure

lib
 ┣ src
 ┃ ┣ layouts
 ┃ ┃ ┗ exam_layout.dart
 ┃ ┣ models
 ┃ ┃ ┗ question_model.dart
 ┃ ┣ screens
 ┃ ┃ ┣ analytics_screen.dart
 ┃ ┃ ┗ result_screen.dart
 ┃ ┣ widgets
 ┃ ┃ ┣ leaderboard_tile.dart
 ┃ ┃ ┣ progress_indicator_bar.dart
 ┃ ┃ ┗ question_card.dart
 ┗ zeba_academy_exam_ui_kit.dart

📱 Example App

A full example is available in the example folder.

Run it using:

cd example
flutter run

🎯 Use Cases

This package is ideal for:

  • 📚 EdTech learning apps
  • 🧠 Quiz and trivia apps
  • 📝 Online exam systems
  • 🎓 Mock test platforms
  • 🏫 School & university apps

🌐 Homepage

https://zeba.academy/flutter/

🤝 Contributing

Contributions are welcome!

If you find a bug or want to add a feature, feel free to open an issue or submit a pull request.

📄 License

This project is licensed under the GPL License.

👨‍💻 Author

Developed by Zeba Academy

Building open-source Flutter tools for EdTech developers.

Libraries

zeba_academy_exam_ui_kit