<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>PromptZone - Leading AI Community for Prompt Engineering and AI Enthusiasts: Joaquin Rao</title>
    <description>The latest articles on PromptZone - Leading AI Community for Prompt Engineering and AI Enthusiasts by Joaquin Rao (@joaquin_rao).</description>
    <link>https://www.promptzone.com/joaquin_rao</link>
    <image>
      <url>https://promptzone-community.s3.amazonaws.com/uploads/user/profile_image/23345/6570401f-63bb-42d6-b1d5-26a7ac17dcce.jpg</url>
      <title>PromptZone - Leading AI Community for Prompt Engineering and AI Enthusiasts: Joaquin Rao</title>
      <link>https://www.promptzone.com/joaquin_rao</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://www.promptzone.com/feed/joaquin_rao"/>
    <language>en</language>
    <item>
      <title>98.css Brings Windows 98 UI to AI Demos</title>
      <dc:creator>Joaquin Rao</dc:creator>
      <pubDate>Fri, 24 Jul 2026 06:25:40 +0000</pubDate>
      <link>https://www.promptzone.com/joaquin_rao/98css-brings-windows-98-ui-to-ai-demos-56g1</link>
      <guid>https://www.promptzone.com/joaquin_rao/98css-brings-windows-98-ui-to-ai-demos-56g1</guid>
      <description>&lt;p&gt;98.css delivers the full Windows 98 visual language—title bars, buttons, scrollbars, and status bars—through a single CSS file. A &lt;a href="https://jdan.github.io/98.css/#status-bar" rel="noopener noreferrer"&gt;Hacker News thread&lt;/a&gt; on the project reached 404 points and 91 comments, with developers noting its utility for quick retro interfaces.&lt;/p&gt;

&lt;h2 id="what-it-is-and-how-it-works"&gt;
  
  
  What It Is and How It Works
&lt;/h2&gt;

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

&lt;p&gt;It targets modern browsers while reproducing exact pixel details from the original OS, including the Chicago font and 3D button bevels.&lt;/p&gt;

&lt;h2 id="key-specs-from-the-project"&gt;
  
  
  Key Specs from the Project
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Single CSS file under 20 KB gzipped&lt;/li&gt;
&lt;li&gt;Zero dependencies&lt;/li&gt;
&lt;li&gt;Works with any framework or plain HTML&lt;/li&gt;
&lt;li&gt;Status bar component documented at the linked section of the demo site&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 id="how-to-try-it"&gt;
  
  
  How to Try It
&lt;/h2&gt;

&lt;p&gt;Install via CDN or npm:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;link&lt;/span&gt; &lt;span class="na"&gt;rel=&lt;/span&gt;&lt;span class="s"&gt;"stylesheet"&lt;/span&gt; &lt;span class="na"&gt;href=&lt;/span&gt;&lt;span class="s"&gt;"https://unpkg.com/98.css"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Basic window example:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;div&lt;/span&gt; &lt;span class="na"&gt;class=&lt;/span&gt;&lt;span class="s"&gt;"window"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;div&lt;/span&gt; &lt;span class="na"&gt;class=&lt;/span&gt;&lt;span class="s"&gt;"title-bar"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
    &lt;span class="nt"&gt;&amp;lt;div&lt;/span&gt; &lt;span class="na"&gt;class=&lt;/span&gt;&lt;span class="s"&gt;"title-bar-text"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;Model Output&lt;span class="nt"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;div&lt;/span&gt; &lt;span class="na"&gt;class=&lt;/span&gt;&lt;span class="s"&gt;"window-body"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
    &lt;span class="nt"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;Generated text appears here.&lt;span class="nt"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The official demo at jdan.github.io/98.css shows every component live.&lt;/p&gt;

&lt;h2 id="pros-and-cons"&gt;
  
  
  Pros and Cons
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Pros&lt;/strong&gt;

&lt;ul&gt;
&lt;li&gt;Instant nostalgic styling for demos&lt;/li&gt;
&lt;li&gt;Extremely lightweight&lt;/li&gt;
&lt;li&gt;No build step needed&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Cons&lt;/strong&gt;

&lt;ul&gt;
&lt;li&gt;Limited to one visual theme&lt;/li&gt;
&lt;li&gt;Accessibility requires extra work&lt;/li&gt;
&lt;li&gt;Not suitable for production SaaS interfaces&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 id="alternatives-and-comparisons"&gt;
  
  
  Alternatives and Comparisons
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Library&lt;/th&gt;
&lt;th&gt;Size&lt;/th&gt;
&lt;th&gt;Theme Flexibility&lt;/th&gt;
&lt;th&gt;JS Required&lt;/th&gt;
&lt;th&gt;Best For&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;98.css&lt;/td&gt;
&lt;td&gt;&amp;lt;20 KB&lt;/td&gt;
&lt;td&gt;Fixed&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;td&gt;Quick retro AI demos&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;XP.css&lt;/td&gt;
&lt;td&gt;~25 KB&lt;/td&gt;
&lt;td&gt;Fixed&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;td&gt;Windows XP look&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Tailwind&lt;/td&gt;
&lt;td&gt;Variable&lt;/td&gt;
&lt;td&gt;High&lt;/td&gt;
&lt;td&gt;Optional&lt;/td&gt;
&lt;td&gt;Modern responsive UIs&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Bootstrap 5&lt;/td&gt;
&lt;td&gt;~60 KB&lt;/td&gt;
&lt;td&gt;High&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;Standard admin panels&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

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

&lt;h2 id="who-should-use-this"&gt;
  
  
  Who Should Use This
&lt;/h2&gt;

&lt;p&gt;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.&lt;/p&gt;

&lt;h2 id="bottom-line-verdict"&gt;
  
  
  Bottom Line / Verdict
&lt;/h2&gt;

&lt;p&gt;98.css gives AI practitioners a fast way to ship recognizable retro interfaces for local tools without custom design work.&lt;/p&gt;

&lt;p&gt;The library remains a niche but effective option for anyone shipping side projects or internal prototypes that reference 1990s computing aesthetics.&lt;/p&gt;

</description>
      <category>discuss</category>
      <category>tutorial</category>
      <category>beginners</category>
      <category>news</category>
    </item>
  </channel>
</rss>
