# A Modern Approach to Windows 98 Design Systems

Create nostalgic interfaces with 98.css

- **Source:** [Hacker News: Front Page](https://brifing.si/source/b07aa772-b1a0-4a76-aa18-719c6f9e2dde)
- **Published:** 2026-07-23
- **Topic:** [Design & UX](https://brifing.si/c/design)
- **Original article:** <https://jdan.github.io/98.css/#status-bar>
- **On Brifing:** https://brifing.si/s/f515094c-74be-40d3-a340-2fda6f94ece8

## Revive Windows 98 Interfaces

98.css is a CSS library designed to recreate Windows 98-era interfaces in modern web projects. It offers a nostalgic experience while maintaining accessibility and usability standards.

## Compatible with Semantic HTML

98.css encourages the use of semantic HTML. Standard HTML elements like button tags for buttons and label tags for input fields ensure accessible and consistent interfaces.

## A JavaScript-Free Solution

This library provides styling solely through CSS and does not include any JavaScript. This makes it compatible with modern frontend frameworks like React.

## Easy Integration

98.css can be easily integrated into your projects via unpkg or npm. It can be downloaded from GitHub or installed using npm commands.

## Customizable Styles

While the library provides basic styling, it offers flexibility for customization. Details like button padding or label colors can be easily modified.

## Buttons and Interactions

98.css offers Windows 98-style buttons and interactions. Specific styles are provided for active, inactive, and focused button states.

## Checkboxes and Radio Buttons

Checkboxes and radio buttons are presented with Windows 98-style sunken panels and labels. These elements are designed to meet accessibility standards.

## Grouping Controls with GroupBox

GroupBox is used to organize a set of controls. Created with the fieldset tag, it provides a Windows 98-style appearance.

## Accessibility First

98.css prioritizes accessibility standards. Features like aria-label ensure a compatible experience for screen readers.

## Compatibility with Modern Frameworks

98.css works seamlessly with modern technologies like React and vanilla JavaScript. This allows old-style interfaces to be easily used in modern projects.

## The Fusion of Nostalgia and Modernity

98.css combines design elements from the Windows 98 era with modern web standards. It offers both a nostalgic experience and current usability.

## A Flexible Tool for Developers

98.css provides developers with a flexible and customizable solution. It is an ideal choice for those looking to create nostalgic interfaces.

## Sources covering this story

- https://jdan.github.io/98.css/#status-bar — 

---

_Summary written by Brifing from the original reporting. Copyright in the original article belongs to its publisher; read the full piece at the link above._