Zeba Academy Whiteboard #

Digital Classroom Whiteboard for Flutter #

zeba_academy_whiteboard is a powerful and reusable Flutter package for creating interactive digital classroom whiteboards.

Designed for online learning platforms, teacher dashboards, coding classrooms, and educational applications.

Create, draw, explain, annotate, and export whiteboard content easily inside your Flutter applications.

✨ Features #

🎨 Drawing Canvas #

• Freehand drawing support
• Smooth brush strokes
• Custom colors
• Adjustable stroke width
• Classroom-style sketching

📝 Text Annotation #

• Add text explanations
• Highlight important concepts
• Teacher notes support
• Learning content annotation

🔷 Shape Tools #

Supported shapes:

• Line
• Rectangle
• Circle

More shape tools coming soon.

👨‍🏫 Teacher Explanation Tools #

Perfect for:

• Online classes
• Coding tutorials
• Mathematics explanations
• Interactive lessons
• Digital classrooms

💾 Export & Save Board #

Export whiteboard content:

• Save board as image
• Capture classroom notes
• Store explanations
• Share lesson content

↩️ Board Controls #

Includes:

• Undo drawing
• Clear board
• Save board

📦 Installation #

Add this package to your pubspec.yaml:

dependencies:
  zeba_academy_whiteboard: ^0.0.1

Run:

flutter pub get

🚀 Usage #

Import package:

import 'package:zeba_academy_whiteboard/zeba_academy_whiteboard.dart';

Use whiteboard:

import 'package:flutter/material.dart';
import 'package:zeba_academy_whiteboard/zeba_academy_whiteboard.dart';


class WhiteboardPage extends StatelessWidget {

  const WhiteboardPage({
    super.key
  });


  @override
  Widget build(BuildContext context) {

    return Scaffold(

      appBar: AppBar(
        title: const Text(
          "Classroom Whiteboard"
        ),
      ),

      body: const ZebaWhiteboard(),

    );

  }

}

📸 Example #

ZebaWhiteboard()

Output:

• Interactive drawing area
• Teacher toolbar
• Export controls

🛠 Requirements #

Flutter:

>=3.10.0

Dart:

>=3.0.0

🧩 Roadmap #

Future improvements:

• Firebase realtime collaboration
• Multi-user classroom drawing
• Voice explanation markers
• PDF export
• Multiple whiteboard pages
• AI handwriting cleanup
• Cloud board storage
• Teacher/student permissions

🤝 Contributing #

Contributions are welcome!

Steps:

1. Fork the repository
2. Create a feature branch

git checkout -b feature/new-feature

3. Commit changes

git commit -m "Add new feature"

4. Push branch

git push origin feature/new-feature

5. Create Pull Request

👨‍💻 About Me #

✨ I’m Sufyan bin Uzayr, an open-source developer passionate about building and sharing meaningful projects.

Learn more about my work:

🌐 Website: https://sufyanism.com/

💼 LinkedIn: https://www.linkedin.com/in/sufyanism

🚀 Zeba Academy #

Your all-in-one learning hub!

Explore courses and resources in coding, technology, and development.

Zeba Academy helps developers learn through practical tutorials, real-world projects, and hands-on experience.

Visit:

🌐 Main Website:

https://zeba.academy

💻 Coding Resources:

https://code.zeba.academy

▶ YouTube:

https://www.youtube.com/@zeba.academy

📸 Instagram:

https://www.instagram.com/zeba.academy/

📄 License #

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

You are free to:

• Use
• Study
• Modify
• Share

Under the conditions of the GPL-3.0 license.

See LICENSE file for details.

⭐ Support #

If you like this package:

⭐ Star the repository

🐛 Report issues

💡 Suggest improvements

Thank you for supporting open-source education tools ❤️