nowfound

Dev tools · May 16, 2020

XP.css – Windows XP CSS file and framework for building GUIs

A design system for building faithful recreations of old UIs.

XP.css – Windows XP CSS file and framework for building GUIs launched on May 16, 2020 with 297 votes, #61 of 4,813 launches that month and more than 95% of that year's launches. The site was still online in September 2026, 6 years on.

In plain words

XP.css is a CSS framework that recreates the visual style of Windows XP for building graphical user interfaces on the web. Launched in 2020, it provides developers with stylesheets and components to design applications with classic Windows XP aesthetics. The framework allows creators to build functional web interfaces that emulate the operating system's familiar look and feel, appealing to developers interested in retro design or nostalgic user experiences.

written from the facts on this page · September 2026

From the sources

A design system for building faithful recreations of old UIs. XP.css is an extention of 98.css. A CSS library for building interfaces that look like old UIs. See XP.css on GitHub See 98.css on GitHub 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…from botoxparty.github.io

Does a similar job

all alternatives →
  • 98.css2020 · jdan.github.io · ▲256

    A design system for building faithful recreations of old UIs

  • LC
    Laptop.css2019 · jjkaufman.github.io · ▲92
  • Cs16.css – CSS library based on Counter Strike 1.6 UI2025 · cs16.samke.me · ▲819

    CSS library based on Counter Strike 1.6 UI.

  • System.css2022 · github.com · ▲116

    A design system for building retro Apple UIs

  • Tailwind CSS2017 · tailwindcss.com · ▲420

    A utility-first CSS framework for rapid UI development

  • bttn.css2016 · bttn.surge.sh · ▲367

    Awesome buttons for awesome projects!

More dev tools this month

the category →
  • /dev/null▲472

    a social network for devs

    Dev tools · 2d ago · dev-null.sh

  • open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

    Dev tools · 27d ago · github.com

  • Contribute to reladraw/reladraw development by creating an account on GitHub.

    Dev tools · 25d ago · github.com

  • OpenBot▲362

    Grok Bot alternative: free, local, open-source, multiplayer

    Dev tools · 22d ago · openbot.run

  • Talanoa▲340

    Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

    Dev tools · 20d ago · talanoa.email

  • CoreSpeed▲332

    One MCP for everything your agents need: apps, memory, tools

    Dev tools · 27d ago · corespeed.io

Source: Show HN post ↗

Launched alongside, May 2020

the whole month →
  • Blush▲1,462

    Illustrations for everyone

    Dev tools · 2020 · blush.design

  • Animation of the SHA-256 hash function in your terminal. - in3rsha/sha256-animation

    Dev tools · 2020 · github.com

  • This Word Does Not Exist uses an artificial intelligence model named GPT-2 to invent new English words.

    AI · 2020 · thisworddoesnotexist.com

  • P3

    Life & fun · 2020 · leeoniya.github.io

  • Untools▲783

    Hand-picked tools for better thinking

    Work · 2020 · untools.co

  • Improve your website copy based on data from your audience

    Growth · 2020 · wynter.com