10 Amazing and Retro CSS Kits

Want to discover atypical CSS designs that you can use in your next project? Well, here are some of my favorites. Thank you to all the incredible creators who put these designs together!

NES.css

NES-style (8bit-like) CSS Framework, perfect for your retro browser games.
Source | Demo
by BcRikko

RPG UI

Lightweight CSS-only framework for old-school RPG GUI in web; including buttons, checkboxes, icons, sliders, cursors, and many other cool things.
Source | Demo
by RonenNess

98.css & XP.css

98.css is a Windows 98-style, that does not ship with any JavaScript so it’s compatible with any frontend framework. Also available for Windows XP.
Source | Demo
by jdan

Wired Elements

Set of common UI elements with a hand-drawn sketchy look, drawn with enough randomness that no two renderings will be exactly the same.
Source | Demo
by Preet Shihn

BOOTSTRA.386

A vintage 1980's DOS inspired Twitter Bootstrap theme.
Source | Demo
by kristopolous

Geo Bootstrap

Another timeless Twitter Bootstrap theme built for the modern web that creates a lot of nostalgia (if you’re old enough to recall these simpler times).
Source | Demo
by divshot

PSone.css

Playstation 1 style CSS Framework, inspired by NES.css
Source | Demo
by micah5 and guastallaigor

PaperCSS

PaperCSS is a set of common UI elements with a cool paper look.
Source | Demo
by rhyneav

Terminal CSS

Modern and minimal CSS framework for terminal lovers. Written in pure CSS, the kit is ~3k gzip.
Source | Demo
by Gioni06

Isometric Sass

The last one is more of a library that enables the creation of isometric 2D without the need to use JavaScript, and which makes full use of the CSS three-dimensional transformations.
Source | Demo
by MorganCaron

Conclusion

Voilà! If you know other atypical CSS kits, feel free to mention them in the comments section, I’ll add them for sure 😊. Thanks and hope you found this helpful!