Fork me
on GitHub
#About
NES.css is NES-style (8bit-like) CSS Framework.
#Installation
NES.css is available via either npm or Yarn, or a CDN.
Please read README.md.
#Usage
NES.css only provides components. You will need to define your own layout.
Texts
Primary
Success
Warning
Error
Disabled
Buttons
Radios
Checkboxes
Inputs
Textarea
Selects
Containers
Container.is-centered
Good morning. Thou hast had a good night's sleep, I hope.
Container.is-dark
Good morning. Thou hast had a good night's sleep, I hope.
Good morning. Thou hast had a good night's sleep, I hope.
Good morning. Thou hast had a good night's sleep, I hope.
Dialogs
NES.css does not include any JavaScript. If you want to use dialog element other than Chrome, you need polyfill.
Lists
- Good morning.
- Thou hast had a good night's sleep, I hope.
- Thou hast had a good afternoon
- Good night.
- Good morning.
- Thou hast had a good night's sleep, I hope.
- Thou hast had a good afternoon
- Good night.
Tables
| Table.is-bordered | Table.is-centered | Table.is-centered | Table.is-centered |
|---|---|---|---|
| Thou hast had a good morning | Thou hast had a good afternoon | Thou hast had a good evening | Thou hast had a good night |
| Thou hast had a good morning | Thou hast had a good afternoon | Thou hast had a good evening | Thou hast had a good night |
| Table.is-dark | Table.is-bordered |
|---|---|
| Thou hast had a good morning | Thou hast had a good afternon |
| Thou hast had a good morning | Thou hast had a good afternoon |
Progress
Avatars
![Gravatar image example](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15"><rect fill-opacity="0"/></svg>)
It is recommended to "image-rendering: pixelated".
Balloons
Cursor
This is not a clickable element, but it's an area of the pointer.
Badges
Reaction-icons
If you wanto to change icon size, please use "is-small", "is-medium" and "is-large".
Sns-icons
If you wanto to change icon size, please use "is-small", "is-medium" and "is-large".
Other-icons
If you wanto to change icon size, please use "is-small", "is-medium" and "is-large".
Pixel-arts
Nintendo-characters
Nintendo owns the copyright of these characters. Please comply with the Nintendo guidelines and laws of the applicable jurisdiction.
#Members
Core Team Members
Here is core team members developing NES.css.
Core Team Emeriti
Here we honor some no-longer-active core team members.
Contributors
4k1k0
sombreroEnPuntas
Divoolej
soph-iest
montezume
sazzadsazib
HiKaylum
jdvivar
ohlookitsderpy
IngwiePhoenix
kyu-suke
jjspace
Baldomo
DanSnow
ernestomancebo
Ilyeo
Kartones
rrj-dev
vicainelli
stewartrule
kenshinji
youngkaneda
Takumi0901
loo41
alexd99
alexgleason
agarzola
AlphaWong
brendansparrow
Ermakoy
fleeting
JamesIves
jsoref
KOREAN139
KalobTaulien
LukBukkit
otaviopace
Pedro-Souza
iamrameffort
scottaohara
d0p1s4m4
lucasjs
musavvirahmed
sinofp
thisisabhinay
tnantoka