Windows95 UI components for Flutter apps. Bring back the nostalgic look and feel of old operating systems with this set of UI components ready to use.

Overview

Flutter95

Windows95 UI components for Flutter apps.

UNDER CONSTRUCTION

Screenshots

Screenshot

Components

Scaffold95

Scaffold as a Windows95 styled window.

  • Provides title.
  • Optional: toolbar that requires Item95 action items.

Screenshot

  • If a scaffold canPop (meaning it is not a root of the app) then a close button appears.

Screenshot

Scaffold95(
  title: 'Flutter95',
  toolbar: Toolbar95(
    actions: [
      Item95(
        label: 'File', 
        onTap: () {},
      ),
    ],
  ),
  body: Container(),
)

Menu95

Windows95 styled menu.

Screenshot

  • Easy API wrapping Material's showMenu.
Menu95(
  items: [
    MenuItem95(
      value: 1,
      label: 'New',
    ),
    MenuItem95(
      value: 2,
      label: 'Open',
    ),
    MenuItem95(
      value: 3,
      label: 'Exit',
    ),
  ],
  onItemSelected: (item) {},
);
  • Display using show(context, position).
menu.show(
  context,
  Offset(50, 100),
);
  • Use it directly with Item95 to be positioned automatically.
Item95(
  label: 'File',
  menu: Menu95(...),
),

Button95

Windows95 styled button.

  • Provides default text style for child widgets.
  • Provides default padding for children.
  • If onTap is null, acts as a disabled button.
Button95(
  onTap: () {},
  child: Text('Button95'),
)

TextField95

TextField styled as a Windows95 text field.

  • Uses a Material TextField internally.
TextField95()

Elevation95

Creates an effect of deepness and elevation around Widgets.

Elevation95(
  child: Text('Elevated Text')
)

Flutter95.textStyle

TextStyle ready to use that copies the Windows95 text style.

Text(
  'Text with Flutter95.textStyle',
  style: Flutter95.textStyle,
);

Acknowledgments

Heavily inspired by React95.

You might also like...

Video player-2.2.10 - A Flutter plugin for iOS, Android and Web for playing back video on a Widget surface

Video player-2.2.10 - A Flutter plugin for iOS, Android and Web for playing back video on a Widget surface

Video Player plugin for Flutter A Flutter plugin for iOS, Android and Web for pl

Sep 29, 2022

An app to remind you of all that you have borrowed and are afraid to forget when to pay it back.

An app to remind you of all that you have borrowed and are afraid to forget when to pay it back.

fech_mousel A new Flutter project. Click to any image to see it in full screen ! Register page : Login page : Home page(empty) : Add note(empty) : Add

Oct 10, 2021

Corona Shield is an open sourced Corona Tracking Mobile Application with Back-end made by Amine Jafur with ♥ using Flutter, PHP, JS.

Corona Shield is an open sourced Corona Tracking Mobile Application with Back-end made by Amine Jafur with ♥ using Flutter, PHP, JS.

Corona-Shield A Corona Tracking Mobile Application. Corona Shield is an open sourced Corona Tracking Mobile Application with Back-end made by Amine Ja

Dec 11, 2022

It is a simple group chat application made with flutter back-end by Firebase. People can chat like a community chat.

flash_chat A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if th

Aug 7, 2022

Upper is a open source back-end framework based on the Dart language.

Upper is a open source back-end framework based on the Dart language.

What is Upper? Upper is a open source back-end framework based on the Dart language. With it, it is possible to automatically generate a gRPC API for

Sep 5, 2022

A set of commands for coverage tracefiles manipulation.

Coverage Utils A set of commands for coverage info files manipulation. Installing $ dart pub global activate --source git https://github.com/mrverdant

Oct 9, 2022

how to set up for run the application on desktop

how to set up for run the application on desktop

e_learning_app A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started i

Nov 1, 2022

Calculates the convex hull of a given set of points.

Calculates the convex hull of a given set of points.

Calculates the convex hull of a given set of points. Monotone chain is used as algorithm. Info Given a set of points, the convex hull is a subset of p

Sep 7, 2022

This plugin allows Flutter desktop apps to resizing and repositioning the window.

window_manager This plugin allows Flutter desktop apps to resizing and repositioning the window. window_manager Platform Support Quick Start Installat

Jan 3, 2023
Comments
  • Toolbar is too low on iPhone 11 Pro Max

    Toolbar is too low on iPhone 11 Pro Max

    Hey!

    I love this project, and have been trying out the example code, but I noticed that on an iPhone 11 Pro Max, the toolbar looks a little off.

    On devices like the iPhone 8, the toolbar looks great, but running the example on an iPhone 11 Pro Max applies too much padding to the menu bar, maybe due to the notch?

    ScreenShot- 173

    Thanks for making this awesome project!

    bug help wanted 
    opened by transmissions11 2
  • Added GitHub Action Testing

    Added GitHub Action Testing

    Added automated testing via GitHub Actions. All tests written in the codebase are automatically tested across Ubuntu, Windows, and MacOS. It's currently set to all branches on push and on pull requests, and can easily be changed. This helps to ensure code doesn't break across the project's development.

    hacktoberfest-accepted 
    opened by RubbaBoy 1
Releases(1.0.0)
Owner
Miguel Beltran
Freelance Software Developer Consultant for Android, Flutter, Kotlin and Firebase products.
Miguel Beltran
The operating system for healthcare

AfyaMoja Project prerequisites The AfyaMoja app runs on Flutter version 2.2.3 stable channel. To check the flutter version and channel installed in yo

Savannah Informatics Global Health Institute 8 Nov 20, 2022
An expressive way to effortlessly build design systems in Flutter.

An expressive way to effortlessly build design systems in Flutter. Mix offers primitive building blocks to help developers and designers create beauti

Leo Farias 238 Jan 5, 2023
Official Flutter SDK for Khalti Payment systems

Khalti Payment Gateway for Flutter Use Khalti Payment Gateway solution in your app or website to simplify payment for your customers. You do not need

Khalti 16 Oct 13, 2022
Utility Manager Flutter Application is made with Flutter and Supabase which allows user to add task, set remainder to the task, set color to separate tasks and it allows to add URL with URL's informations.

Utility Manager Flutter Application! Utility Manager Flutter Application is made with Flutter and Supabase which allows user to add task, set remainde

Kathirvel Chandrasekaran 6 Jan 6, 2022
Neyapsak-Webapp - A web app to look for events, save and buy tickets

NeYapsak Webapp NeYapsak is a web application that enables users to check the ac

Tan Çetiner 1 Nov 25, 2022
FileManager is a wonderful widget that allows you to manage files and folders, pick files and folders, and do a lot more. Designed to feel like part of the Flutter framework.

File Manager FileManager is a wonderful widget that allows you to manage files and folders, pick files and folders, and do a lot more. Designed to fee

Devs On Flutter 52 Dec 30, 2022
A set of real world timelines to showcase the use of timeline_tile package, built with Flutter.

beatiful_timelines Beautiful timelines built with Flutter and timeline_tile. Current examples: Timeline Showcase Football Timeline Activity Timeline S

null 233 Dec 21, 2022
Blog App Development Front-End and Back-End using Flutter, ExpressJs, NodeJS, and MongoDB

Blog App Development Front-End and Back-End using Flutter, ExpressJs, NodeJS, and MongoDB

null 2 Dec 14, 2022
This is a simple news app. It created using flutter as front-end and firebase as back end.

This is a simple news app. It created using flutter as front-end and firebase as back end. Only one person (Admin)can upload news. There is SignUp feature. Only one preDefined Admin who can login to account and upload news. It also uses Shared Preference for saving Admin's login inform.

sanal parakkal 2 Aug 5, 2022
A M.U.D (multi user dungeon) with a back end API built with nestjs and a front end UI built with Flutter.

Nest M.U.D - Getting Started Getting Started How to Play API Design A M.U.D (multi user dungeon) with a back end API built with nestjs and a front end

Ben 4 Aug 3, 2022