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

http://kristopolous.github.io/BOOTSTRA.386/

BIOS

Terminal

https://terminalcss.xyz/

Windows 98

React components:

Windows XP

Windows 7

Windows 10

C64

http://pixelambacht.nl/2013/css3-c64/

Classic Mac

Amiga

“Retro”

Paper

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

Brutalist

HTML

https://secretgeek.github.io/html_wysiwyg/html.html

Markdown

https://mrcoles.com/demo/markdown-css/

$LaTeX$

Longer List

There’s a longer list here:

github.com

sw-yx/spark-joy/blob/master/README.md#fun-css-frameworks

![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)
- [Elevation](#elevation)
- [Spacing](#spacing)
- [Layout](#layout)
- [Typography](#typography)
- [Colors](#colors)
- [Icons and Favicons](#icons-and-favicons)
- [Diagramming](#diagramming)
- [Wireframing](#wireframing)

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.