PromptZone - Leading AI Community for Prompt Engineering and AI Enthusiasts

Joaquin Rao
Joaquin Rao

Posted on

98.css Brings Windows 98 UI to AI Demos

98.css delivers the full Windows 98 visual language—title bars, buttons, scrollbars, and status bars—through a single CSS file. A Hacker News thread on the project reached 404 points and 91 comments, with developers noting its utility for quick retro interfaces.

What It Is and How It Works

The library applies classes that mirror 1990s Windows controls. Add the stylesheet, then wrap elements in containers such as .window, .title-bar, and .status-bar. No JavaScript is required for the base styles.

It targets modern browsers while reproducing exact pixel details from the original OS, including the Chicago font and 3D button bevels.

Key Specs from the Project

  • Single CSS file under 20 KB gzipped
  • Zero dependencies
  • Works with any framework or plain HTML
  • Status bar component documented at the linked section of the demo site

How to Try It

Install via CDN or npm:

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

Basic window example:

<div class="window">
  <div class="title-bar">
    <div class="title-bar-text">Model Output</div>
  </div>
  <div class="window-body">
    <p>Generated text appears here.</p>
  </div>
</div>
Enter fullscreen mode Exit fullscreen mode

The official demo at jdan.github.io/98.css shows every component live.

Pros and Cons

  • Pros
    • Instant nostalgic styling for demos
    • Extremely lightweight
    • No build step needed
  • Cons
    • Limited to one visual theme
    • Accessibility requires extra work
    • Not suitable for production SaaS interfaces

Alternatives and Comparisons

Library Size Theme Flexibility JS Required Best For
98.css <20 KB Fixed No Quick retro AI demos
XP.css ~25 KB Fixed No Windows XP look
Tailwind Variable High Optional Modern responsive UIs
Bootstrap 5 ~60 KB High Yes Standard admin panels

Early HN comments noted that 98.css wins when the goal is a self-contained local tool rather than a polished product UI.

Who Should Use This

AI developers building local inference demos, ComfyUI-style nodes, or offline playgrounds benefit most. Skip it for customer-facing products or teams that need WCAG compliance without extra effort.

Bottom Line / Verdict

98.css gives AI practitioners a fast way to ship recognizable retro interfaces for local tools without custom design work.

The library remains a niche but effective option for anyone shipping side projects or internal prototypes that reference 1990s computing aesthetics.

Top comments (0)