Create NES Inspired Websites With NES.css

NES.css is a super fun Nintendo inspired CSS project, especially if you are a fan of 8bit games.

The project allows you to create NES styled websites by providing you with lots of 8bit-like components.

The code

All you have to do is drop a CSS file on your page and you are good to go.

<link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" />

They also recommend adding an arcade game style font.

<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
<style>
    html, body, pre, code, kbd, samp {
        font-family: "font-family you want to use";
    }
</style>

Here are some example components:

Check it out

At the time of writing the project has over 14,000 stars on github and has loads of contributors.

It’s definitely a fun project to take a look around and have a play well, so check it out.