zeba_academy_retro_os #

A Flutter package for building retro desktop operating system interfaces inspired by Windows 95, Windows 98, and classic desktop environments.

Create nostalgic desktop experiences with retro windows, taskbars, desktop icons, classic dialogs, and old-school controls—all built with Flutter.

Features #

✅ Retro desktop environment

✅ Windows 95/98 inspired windows

✅ Desktop icons

✅ Taskbar with Start button

✅ Classic dialogs

✅ Retro buttons

✅ Retro text fields

✅ Retro checkboxes

✅ Customizable retro themes

✅ Lightweight and dependency-free

✅ Mobile, Web, Desktop support

Screenshots #

Add screenshots of your retro desktop UI here.

Installation #

Add the package to your pubspec.yaml:

dependencies:
  zeba_academy_retro_os: ^1.0.0

Then run:

flutter pub get

Import #

import 'package:zeba_academy_retro_os/zeba_academy_retro_os.dart';

Quick Start #

Create a retro desktop environment in minutes.

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

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: RetroDesktop(
        icons: [
          RetroDesktopIcon(
            icon: Icons.folder,
            label: 'My Files',
            onTap: () {},
          ),
          RetroDesktopIcon(
            icon: Icons.computer,
            label: 'Computer',
            onTap: () {},
          ),
        ],
      ),
    );
  }
}

Retro Desktop #

Build a complete desktop-style experience.

RetroDesktop(
  icons: [
    RetroDesktopIcon(
      icon: Icons.folder,
      label: 'Documents',
      onTap: () {},
    ),
    RetroDesktopIcon(
      icon: Icons.computer,
      label: 'Computer',
      onTap: () {},
    ),
  ],
)

Desktop Icons #

RetroDesktopIcon(
  icon: Icons.folder,
  label: 'My Files',
  onTap: () {},
)

Retro Windows #

RetroWindow(
  title: 'Notepad',
  child: Padding(
    padding: EdgeInsets.all(16),
    child: Text('Hello Retro World'),
  ),
)

Retro Dialogs #

showDialog(
  context: context,
  builder: (_) => const RetroDialog(
    title: 'System Message',
    message: 'Operation completed successfully.',
  ),
);

Retro Buttons #

RetroButton(
  text: 'OK',
  onPressed: () {},
)

Retro Text Field #

RetroTextField(
  controller: controller,
)

Retro Checkbox #

RetroCheckbox(
  value: checked,
  onChanged: (value) {
    setState(() {
      checked = value;
    });
  },
)

Retro Taskbar #

const RetroTaskbar()

Theme Constants #

RetroTheme.desktopBackground
RetroTheme.windowBackground
RetroTheme.titleBar
RetroTheme.buttonFace
RetroTheme.borderDark
RetroTheme.borderLight

Example #

RetroWindow(
  title: 'About',
  child: Column(
    mainAxisSize: MainAxisSize.min,
    children: [
      const Text('Welcome to Zeba Academy Retro OS'),
      const SizedBox(height: 16),
      RetroButton(
        text: 'Close',
        onPressed: () {},
      ),
    ],
  ),
)

Roadmap #

Version 1.1.0 #

• Draggable windows
• Minimize button
• Maximize button
• Close button

Version 1.2.0 #

• Start menu
• Desktop shortcuts
• Context menus

Version 1.3.0 #

• Retro file explorer
• Retro calculator
• Retro notepad

Version 2.0.0 #

• Full desktop window manager
• Multi-window support
• Dockable windows
• Desktop widgets
• Windows 98 style components

Contributing #

Contributions are welcome.

If you find bugs or have feature requests, please open an issue or submit a pull request.

License #

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

You are free to:

• Use
• Modify
• Distribute
• Share

Under the terms of the GPL-3.0 License.

See the LICENSE file for full 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 https://sufyanism.com or connect with me on LinkedIn:

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

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 game today! 💻✨

Zeba Academy is a learning platform dedicated to coding, technology, and development.

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

➡ Explore hands-on courses and resources at: https://code.zeba.academy

➡ Check out our YouTube for more tutorials: https://www.youtube.com/@zeba.academy

➡ Follow us on Instagram: https://www.instagram.com/zeba.academy

Support #

If you find this package useful, consider:

⭐ Starring the repository

🐛 Reporting issues

🚀 Contributing improvements

📢 Sharing it with the Flutter community

Made with ❤️ by Zeba Academy.