Zeba Academy Notebook UI

A beautiful Flutter package that provides study planner and notebook-themed UI components for educational applications, student dashboards, productivity tools, digital journals, note-taking apps, and learning platforms.

Designed with a familiar notebook aesthetic, this package helps developers create engaging learning experiences with minimal effort.

✨ Features

📝 Sticky Notes

Customizable sticky note widgets
Multiple color themes
Perfect for reminders, goals, and quick notes

📄 Ruled Paper Backgrounds

Notebook-style ruled paper design
Margin lines and writing guides
Ideal for note-taking interfaces

📚 Notebook Tabs

Interactive notebook section tabs
Animated selection states
Clean and educational appearance

📋 Assignment Widgets

Assignment and homework cards
Due date display
Completion indicators

📊 Study Trackers

Visual study progress tracking
Goal monitoring
Productivity dashboards

📸 Preview

Create interfaces like:

Digital notebooks
Student planners
Study journals
Homework trackers
Educational dashboards
Learning management systems
Revision planners

🚀 Installation

Add the package to your pubspec.yaml.

dependencies:
  zeba_academy_notebook_ui: ^1.0.0

Then run:

flutter pub get

Import the package:

import 'package:zeba_academy_notebook_ui/zeba_academy_notebook_ui.dart';

📖 Usage

Sticky Note

StickyNote(
  text: 'Study Flutter Today',
)

Notebook Tab

NotebookTab(
  title: 'Mathematics',
  selected: true,
)

Assignment Card

AssignmentCard(
  title: 'Chapter 5 Exercise',
  subject: 'Mathematics',
  dueDate: 'Tomorrow',
)

Study Tracker

StudyTracker(
  completedHours: 6,
  targetHours: 10,
)

Ruled Paper

RuledPaper(
  child: Padding(
    padding: EdgeInsets.all(16),
    child: Text(
      "Today's Study Notes",
    ),
  ),
)

🎯 Complete Example

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

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: SingleChildScrollView(
          padding: const EdgeInsets.all(20),
          child: Column(
            children: [
              StickyNote(
                text: "Prepare for exam",
              ),

              SizedBox(height: 20),

              NotebookTab(
                title: "Science",
                selected: true,
              ),

              SizedBox(height: 20),

              AssignmentCard(
                title: "Physics Homework",
                subject: "Physics",
                dueDate: "Friday",
              ),

              SizedBox(height: 20),

              StudyTracker(
                completedHours: 4,
                targetHours: 8,
              ),

              SizedBox(height: 20),

              SizedBox(
                height: 250,
                child: RuledPaper(
                  child: Text(
                    "Important notes go here...",
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

🎨 Included Widgets

Widget	Description
StickyNote	Sticky note style reminders
RuledPaper	Notebook paper background
NotebookTab	Educational notebook tabs
AssignmentCard	Assignment and task display
StudyTracker	Progress tracking widget

🛣️ Roadmap

Future planned features:

Spiral notebook bindings
Page flip animations
Timetable widgets
Attendance trackers
Study streak counters
Exam countdown timers
Subject cards
GPA tracker
Goal planners
Habit tracking widgets
Pomodoro study timer
Notebook page transitions

🤝 Contributing

Contributions, feature requests, and bug reports are welcome.

If you would like to improve this package:

Fork the repository
Create a feature branch
Commit your changes
Submit a pull request

📄 License

This project is licensed under the GNU General Public License v3.0 (GPL-3.0).

See the LICENSE file for details.

About Me

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

You can learn more about me and my work at sufyanism.com or connect with me on LinkedIn.

Your All-in-One Learning Hub!

🚀 Explore courses and resources in coding, tech, and development at zeba.academy and code.zeba.academy.

Empower yourself with practical skills through curated tutorials, real-world projects, and hands-on experience. Level up your tech journey today!

Zeba Academy

A learning platform dedicated to coding, technology, and software development.

➡ Visit our main site: https://zeba.academy

➡ Explore courses and resources: https://code.zeba.academy

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

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

Thank you for visiting and supporting open-source development.