zeba_academy_retro_os

License: GPL v3 pub package Flutter

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.

Desktop Window
Screenshot Screenshot

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.

Libraries

zeba_academy_retro_os