nes-components

nes-components is a react component that is using NES.css.

NES.css is a NES-style(8bit-like) CSS Framework. https://github.com/nostalgic-css/NES.css

$ yarn add nes-components
$ npm i nes-components

⚠️caution

if nes-components doesn't show the right font, please add the following to your component. Currently, working on updating nes-components

import WebFont from 'webfontloader';
WebFont.load({
  google: {
    families: ['Press+Start+2P'],
  },
});

Sample codes are in Storybook(Typescript). Please check it out. js samples will be added soon.

$ cd nes-components
$ yarn & yarn storybook
or
$ npm i & npm run storybook

The terminal will open localhost:9009.

You will see like below.

Name		Name	Last commit message	Last commit date
Latest commit History 229 Commits
.github		.github
.storybook		.storybook
.vscode		.vscode
assets		assets
screenshot_for_wiki		screenshot_for_wiki
script		script
src		src
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
.prettierrc.js		.prettierrc.js
CHANGELOG.md		CHANGELOG.md
LICENSE		LICENSE
README.md		README.md
files.ts		files.ts
package.json		package.json
rollup.config.js		rollup.config.js
tsconfig.json		tsconfig.json
yarn.lock		yarn.lock