This is a fork from the official 98.css project.
A design system for building faithful recreations of an old Windows 98 desktop experience.
98.css is a CSS file that takes semantic HTML and makes it look pretty. It does not ship with any JavaScript, so it is compatible with your frontend framework of choice.
Clone this repository and copy the 98.css file into your project along with the fonts and icon directories.
<!DOCTYPE html>
<html>
<head>
<title>98.css example</title>
<meta charset="UTF-8" />
<link rel="stylesheet" href="98.css" />
</head>
<body>
<div class="window" style="margin: 32px; width: 250px">
<div class="title-bar">
<div class="title-bar-text">
My First VB4 Program
</div>
</div>
<div class="window-body">
<p>Hello, world!</p>
</div>
</div>
</body>
</html>Refer to the documentation page for specific instructions on this library's components.
First, run npm install.
style.css is where everything happens.
You can use npm start to start a development environment that will watch for file changes and rebuild 98.css, reloading your browser in the process.
You can run a build manually with npm run build. This will write to the dist/ directory.
Refer to the GitHub issues page to see bugs in my CSS or report new ones. I'd really like to see your pull requests (especially those new to open-source!) and will happily provide code review. 98.css is a fun, silly project and I'd like to make it a fun place to build your open-source muscle.
Thank you for checking my little project out, I hope it brought you some joy today. Consider starring/following along on GitHub and maybe reading my posts on Bluesky. 👋
Building the docs site: npm run deploy:docs
Publishing to npm: npm run release