Skip to content
Tech News
← Back to articles

98.css

read original more articles
Why This Matters

98.css is a CSS library that enables developers to recreate the authentic look and feel of Windows 98 interfaces, fostering nostalgia and consistency in UI design. Its focus on accessibility and compatibility with various frameworks makes it a versatile tool for both developers and designers aiming to evoke the classic Windows aesthetic.

Key Takeaways

98.css

A design system for building faithful recreations of old UIs.

Intro

98.css is a CSS library for building interfaces that look like Windows 98. See more on GitHub.

My First VB4 Program Hello, world! OK Cancel

This library relies on the usage of semantic HTML. To make a button, you'll need to use a <button> . Input elements require labels. Icon buttons rely on aria-label . This page will guide you through that process, but accessibility is a primary goal of this project.

You can override many of the styles of your elements while maintaining the appearance provided by this library. Need more padding on your buttons? Go for it. Need to add some color to your input labels? Be our guest.

This library does not contain any JavaScript, it merely styles your HTML with some CSS. This means 98.css is compatible with your frontend framework of choice.

Here is an example of 98.css used with React, and an example with vanilla JavaScript. The fastest way to use 98.css is to import it from unpkg.

<link rel="stylesheet" href="https://unpkg.com/98.css" >

... continue reading