Fun CSS Frameworks (Windows 98/XP/7, DOS, C64, etc.)

Josh · February 1, 2021, 4:45am

Some of these CSS frameworks are great. If you’re viewing this on a desktop browser, there is a table of contents in the right sidebar.

NES.css

PS1

DOS

BIOS

Terminal

Windows 98

React components:

Windows XP

Windows 7

Windows 10

C64

Classic Mac

Amiga

“Retro”

Paper

I like this one, though I’m not sure if it’s responsive.

Brutalist

HTML

Markdown

LaTeX

Longer List

There’s a longer list here:

github.com/swyxio/spark-joy

README.md

master

![image](https://user-images.githubusercontent.com/6764957/83363763-7d5c1a80-a3ce-11ea-95fb-2df3dd5aad34.png)

> **Easy ways to add design flair, user delight, and whimsy to your product!**

_The Spark Joy philosophy is explained in further detail [in my book](https://learninpublic.org/), check it out if you'd like to explore how this approach applies to a lot more than design utilities._

<!-- START doctoc generated TOC please keep comment here to allow auto update -->
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
**Table of Contents**

- [Web Design in 4 minutes](#web-design-in-4-minutes)
- [CSS/UI Templates](#cssui-templates)
  - [Serious CSS Frameworks](#serious-css-frameworks)
  - [Drop-in CSS Frameworks](#drop-in-css-frameworks)
  - [Fun CSS Frameworks](#fun-css-frameworks)
  - [No Framework](#no-framework)
  - [CSS Resets](#css-resets)
  - [CSS A11y Checkers](#css-a11y-checkers)
  - [Tailwind Component Libraries](#tailwind-component-libraries)
  - [React Component Libraries](#react-component-libraries)

This file has been truncated. show original

Dan · February 1, 2021, 4:14pm

These are great fun!

vietkieutie · February 1, 2021, 7:59pm

Thanks Josh!

Josh · August 29, 2021, 5:33am

Here’s another one:

7.css is a tiny CSS framework that takes semantic HTML and styles them to the Windows 7 design. It is built on top of XP.css, which is an extension of 98.CSS.