Flutter95

Windows95 UI components for Flutter apps.

UNDER CONSTRUCTION

Screenshots

Components

Scaffold95

Scaffold as a Windows95 styled window.

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

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

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

Menu95

Windows95 styled menu.

• 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.