98.css – design system for building faithful recreations of Windows 98 UIs

• 7.css

  26 1,342 7.3 SCSS

  A JS-independent, tree-shakeable CSS framework for building faithful recreations of the Windows 7 UI.

• XP.css

  19 2,049 0.0 SCSS

  A CSS framework for building faithful recreations of operating system GUIs.

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

• 98.css

  40 8,568 6.3 CSS

  A design system for building faithful recreations of old UIs

• retro-css-shell-demo

  4 258 0.0 CSS

  AnderShell 3000 - Retro looking terminal in CSS

• React95

  7 6,375 1.7 TypeScript

  🌈🕹 Windows 95 style UI component library for React

  

• terminal.css

  3 1,094 7.4 HTML

  Modern and minimalistic CSS framework for terminal enthusiasts

• csswin10

  3 59 10.0 HTML

  A CSS / JS based Windows 10 UI

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• BOOTSTRA.386

  8 6,550 8.6 HTML

  A vintage 1980s DOS inspired Twitter Bootstrap theme

• Renkbench

  2 16 10.0 JavaScript

  Discontinued Javascript Amiga Workbench 1.3 look and feel clone [Moved to: https://github.com/renkman/Renkbench]

• window98-html-css-js

  3 116 10.0 JavaScript

  Windows 98 on the Web using HTML5, CSS3 and JS.

• PSone.css

  11 601 1.1 HTML

  🎮 PS1 style CSS Framework, inspired by NES.css

• NES.css

  28 20,284 0.0 SCSS

  NES-style CSS Framework | ファミコン風CSSフレームワーク

  

• classic.css

  5 150 0.0 CSS

  Generate a Classic Mac interface in your browser

• platinum

  5 53 9.3 SCSS

  Generate a Classic Mac interface in your browser

• after-dark-css

  7 1,141 4.2 CSS

  Recreating After Dark screensavers in CSS.

• new-dawn

  3 86 10.0 CSS

  Discontinued Generate a Classic Mac interface in your browser [Moved to: https://github.com/npjg/classic.css]

• retro-desktop

  3 47 10.0 JavaScript

  A Retro Desktop UI built on Vanilla JS (vintage)

• c64css3

  3 23 10.0 CSS

  HTML5 + CSS3 = C64

• system.css

  25 2,272 1.7 CSS

  A design system for building retro Apple interfaces

• TuiCss

  13 1,461 4.3 SCSS

  Text-based user interface CSS library

• ExplorerPatcher

  649 21,493 9.1 C

  This project aims to enhance the working environment on Windows

I use ExplorerPatcher so that on W11, I can still have a button per open application:

https://github.com/valinet/ExplorerPatcher

It also brings other Windows 10 UI paradigm's back in.

• vuedows

  1 4 0.0 Vue

  A reimplementation of the Windows 3.11 shell in CSS, Typescript and Vue

Pretty cool. I love those old UI's. I once tried rebuilding a functional Windows 3.11 with pure CSS and Vue components. Sadly the used Vue version is kinda outdated by now and I am not sure if I want to spent time updating it all...

https://github.com/sleepybuildings/vuedows

• Chicago95

  151 4,232 7.5 HTML

  A rendition of everyone's favorite 1995 Microsoft operating system for Linux.

...and this still does not catch all, because you wouldn't believe how often web devs just take some div and put an onclick handler on it without making it accessible.

Secondly, as soon as you overwrite the background color of all buttons, you will lose its background images which may be important. This happens way too often, also surrounding elements which actually have nothing to do with button semantics. So you need to apply a partially transparent background color. While it can still look perfect with the right tuning, it will then look horrible on non-white backgrounds.

There are also way too many nested buttons and empty buttons out there, it all needs consideration.

Finally, to detect a "pressed down" state, you'd normally use `aria-selected`, but barely anyone ever uses that, so it's back to matching class names `.active` and `.selected`, but then you also need to exclude `.inactive`, `.interactive`, `.deselected` and so on...

My conclusion so far is that building a global style sheet is definitely possible, but can get ugly sometimes.

Also worth mentioning: A near-perfect win95 XFCE theme: https://github.com/grassmunk/Chicago95

• SaaSHub

  www.saashub.com sponsored

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

Suggest a related project