The heart of tech

This article was published on May 19, 2020


This CSS library makes it easy to design Windows XP-inspired UIs

I love it

This CSS library makes it easy to design Windows XP-inspired UIs


Mix
Story by

Mix

Former TNW Writer

Mix is a tech writer based in Amsterdam that loves cinema and probably hates the movies that you like. Tell him everything you despise about Mix is a tech writer based in Amsterdam that loves cinema and probably hates the movies that you like. Tell him everything you despise about his work on Twitter.

The Windows XP aesthetic will forever have a spot in my heart. It might not have the rugged charm or cult following of its predecessor Windows 98, but that corny green hill with bright blue sky, paired with the system’s rounded corners and vivid color scheme, brings back fond memories of my very first PC — and that’s priceless to me.

That’s why I was delighted to discover XP.css — a design system that makes it easy to create XP-inspired user interfaces. XP.css was inspired by 98.css, another CSS library which helps you design UIs in the likeness of Windows 98.

The library comes with several pre-styled elements, including buttons, windows, checkboxes, sliders, tabs, and dropdown menus.

It’s also got a command prompt template, which I’m a huge fan of:

Just like 98.css, XP.css relies on semantic HTML and doesn’t contain any JavaScript, which means you can easily apply it to a variety of frontend projects. It simply styles your HTML with a bit of CSS.

The best thing about this project is that it’s MIT licensed, which should give you enough freedom to override the styles and adjust them to your needs.

Those curious to check out the code behind XP.css can head to this GitHub repo.

Also tagged with