NES-style(8bit-like) CSS Framework
Make your site look retro and 8 bit like an old NEW console with NES.css
Installation
Add the following script to your webpage to include the nes style sheet.
<link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" />
Update: you also need to include this in your style sheet for the font, which is really the main part of this.\
@import url(https://fonts.googleapis.com/css?family=Press+Start+2P);
Usage
For some reason they have specific classes for text abd buttons and other elements, so you need to know all the classes to apply them. I guess this is good for integration into an existing site.
For some reason i could not get this working correctly after including the style sheet, oh well, it looks good on the test site. Maybe not good for real world usage.
Sources
Check out the main site for NES CSS here.
NES-style(8bit-like) CSS Framework Demo
View Demo Full Screen View Demo New Tab
NES-style(8bit-like) CSS Framework Code
HTML
<h1>A Demo of NES.css</h1>
<p class="nes-text is-primary">Make your site look retro and 8 bit like an old NEW console with NES.css</p>
<h2>You can also pixelize images to make them blend in a bit into the 8 bit environment.</h2>
<img class="nes-avatar" alt="Gravatar image example" src="https://www.gravatar.com/avatar?s=15" style="image-rendering: pixelated;">
<span class="nes-text is-primary">Primary</span>
CSS
@import url(https://fonts.googleapis.com/css?family=Press+Start+2P);
Scripts
<link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" />
External Link for NES-style(8bit-like) CSS Framework