explaingit

jdan/98.css

11,053CSSAudience · designerComplexity · 1/5LicenseSetup · easy

TLDR

98.css is a CSS-only stylesheet that makes any web page look like Windows 98, link one file and apply class names, no JavaScript required, works with any framework or plain HTML.

Mindmap

mindmap
  root((98.css))
    What it does
      CSS-only styling
      Windows 98 look
      No JavaScript
    Components
      Windows and dialogs
      Buttons and inputs
      Title bars
      Scrollbars
    Usage
      CDN link
      npm install
    Related projects
      XP.css
      7.css
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Build a retro-themed portfolio or personal site with Windows 98 window frames, buttons, and title bars.

USE CASE 2

Add nostalgic Windows 98 styling to a React or Vue app by importing the stylesheet as an npm package.

USE CASE 3

Create a fun error page or landing page styled like a classic Windows dialog box with pixelated borders.

USE CASE 4

Prototype a desktop-style UI in plain HTML using window, title bar, and scrollbar components from the library.

Tech stack

CSS

Getting it running

Difficulty · easy Time to first run · 5min

No install needed, link the stylesheet from the unpkg CDN and apply class names to standard HTML elements.

Use, copy, modify, and distribute freely for any purpose, including commercial, as long as you keep the license notice.

In plain English

98.css is a stylesheet that makes web pages look like they were built in Windows 98. You add a single CSS file to your HTML page, apply a few class names to your elements, and your buttons, windows, scroll bars, and form controls take on the pixelated borders and gray aesthetic of the Windows 98 desktop. No JavaScript is included, so it works alongside any framework you might already be using, whether that is React, Vue, or plain HTML. The idea is simple: write standard semantic HTML, link in the stylesheet from a CDN like unpkg, and the visual transformation happens automatically through CSS alone. The README shows a short example where a div with the class name "window" and a nested title bar produces something that looks like a classic Windows dialog box, complete with the old-style title bar and close button styling. You can also install it through npm if you are working in a JavaScript project and want to manage it as a dependency. Code sandbox examples are linked in the README for those who want to see it working in React or plain JavaScript without setting anything up locally. The project is maintained as a hobby and the author welcomes contributions, including from people who are new to open source. Issues and pull requests are accepted on GitHub. Related projects, XP.css and 7.css, extend the same idea to the Windows XP and Windows 7 visual styles. Full component documentation is available at the project website. For developers who want to contribute to the stylesheet itself, the setup is npm install followed by npm start, which watches for changes and rebuilds automatically. The entire visual logic lives in a single style.css file. The code is released under the MIT license.

Copy-paste prompts

Prompt 1
Using 98.css from a CDN, write a complete HTML page that looks like a Windows 98 dialog box asking the user to confirm they want to delete a file, with Yes and No buttons.
Prompt 2
I'm building a React app and want to use 98.css. Show me how to install it via npm and apply the window and title-bar class names to make a component look like a Windows 98 window.
Prompt 3
Create a 98.css-styled contact form inside a window div that has a proper title bar and uses the input and button styles from the library.
Prompt 4
Using 98.css, build a fake Windows 98 desktop HTML page with a taskbar at the bottom and a window div containing a text editor.
Open on GitHub → Explain another repo

← jdan on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.