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
  1. Commit changes
git commit -m "Add new feature"
  1. Push branch
git push origin feature/new-feature
  1. 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 ā¤ļø

Libraries

zeba_academy_whiteboard