Os Gui

screenshot of Os Gui

Os Gui

Retro OS GUI JS/CSS library

Overview:

This library is designed to imitate the graphical user interface of Windows 98 on the web. It powers a web-based version of Windows 98, complete with applications like Paint, Notepad, and Sound Recorder. The library offers features such as menu bars, draggable windows, dialog and tool window variants, titlebar animations, button styles, scrollbar styles, procedurally rendered arrows, and themeability with Windows .theme and .themepack files.

Features:

  • Menu bars with support for checkbox items, disabled states, and submenus
  • Draggable app windows with options to maximize, minimize, close, and resize
  • Dialog and tool window variants
  • Flying titlebar animation for maximize/minimize/restore actions
  • Focus containment, allowing Tab or Shift+Tab navigation within a window
  • Various button styles including lightweight buttons, disabled buttons, and default action buttons
  • Scrollbar styles, currently webkit-specific, with potential support for custom scrollbar libraries in the future
  • Procedurally rendered arrows for different scrollbar sizes
  • Themeability using Windows .theme and .themepack files
template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.

ui-kit
UI Kits & Components

A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.