10+ Resources for recreating old school & retro user interfaces today! 
Tags: webdev, css, javascript, html
Published: 2020-07-21 10:52:01

Recreate your childhood or go retro with these cool user interface resources.


### 1. [NES.css](https://nostalgic-css.github.io/NES.css/)
NES.css is NES-style (8bit-like) CSS Framework.

[![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/le0yeqmknmzb54jag1n4.png)](https://nostalgic-css.github.io/NES.css/)

---

### 2. [Amiga Workbench](https://github.com/lachsfilet/Renkbench)
A Javascript Amiga Workbench 1.3.3 look and feel clone.

[![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ha26jsdpubnct677xatv.png)](https://github.com/lachsfilet/Renkbench)

---

### 3. [Classic Mac](https://github.com/npjg/classic.css)
A framework for presenting a Web interface using native CSS replications of the Mac OS 8.1 interface components. The project's name is a play on After Dark, as after-dark-css inspired this framework and provided the foundational window layout.

[![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/prx8nvj4uuf55xmg88yh.png)](https://github.com/npjg/classic.css)

---

### 4. [Retro](https://github.com/ritenv/retro-desktop)
A retro-looking desktop UI with icons, folders, windows, taskbar and keyboard shortcuts!

{% github ritenv/retro-desktop %}

---

### 5. [CRT - AnderShell 3000](https://github.com/andersevenrud/retro-css-shell-demo)

A retro-looking shell using CSS and JavaScript.

Somewhat inspired by PipBoy and old-school UNIX terminals.

[![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/j6kanihwjpvm8aoga8vb.png)](https://github.com/andersevenrud/retro-css-shell-demo)

---

### 6. [Bootstrap 386](https://kristopolous.github.io/BOOTSTRA.386/)
Sleek, intuitive, and powerful front-end framework for faster and easier web development.

[![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/w02a2de7sehax39hk7u2.png)](https://kristopolous.github.io/BOOTSTRA.386/)

---

### 7. [Tui CSS](https://github.com/vinibiavatti1/TuiCss)
Text-based user interface CSS framework

[![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/os7lgyk1kmjkye5m8glb.png)](https://github.com/vinibiavatti1/TuiCss)

---

### 8. [Windows 95 UI Kit](https://demo.themesberg.com/windows-95-ui-kit/)
Fly back in time and use this free Windows 95 User Interface Kit to create awesome retro websites.

[![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/8s6j34gn5bs4abx7cpsv.png)](https://demo.themesberg.com/windows-95-ui-kit/)

---

### 9. [React 95](https://react95.io/#)
Refreshed Windows95 UI components for your modern React apps.
Built with styled-components 💅

[![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/96wbgqaeqd6enxzzuwl4.png)](https://react95.io/#)

---

### 10. [Windows 98 CSS](https://contra.io/windows_98.css/)

[![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/feng22d6gkjyud4way6x.png)](https://contra.io/windows_98.css/)

---

### 11. [Window 98 on the web](https://github.com/lolstring/window98-html-css-js)
This project was created to push myself in HTML and CSS3 and to learn more in depth jQuery and Babel ES6.

[![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/vkuh3ypxr5jn7piiqni6.png)](https://github.com/lolstring/window98-html-css-js)

---

### 12. [CSS Windows 10](https://github.com/jianzhongli/csswin10)
A more modern style but still super cool!!

A CSS / JS based Windows 10 UI, just for fun.

[![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/oufu26uc2i6jcw3whc56.png)](https://github.com/jianzhongli/csswin10)

---

Sign up to our free weekly newsletter and stay in the loop with the latest and greatest web development projects on GitHub at [www.iainfreestone.com](https://www.iainfreestone.com)

{% link iainfreestone/trending-projects-on-github-for-web-developers-2gjl %}

If you enjoyed this article you can [follow me](https://twitter.com/iain_freestone) on Twitter where I regularly post bite size tips relating to HTML, CSS and JavaScript.