🎮 react-nes

An React Component Library Build Up On NES.css

Demo: https://eggtronic.github.io/react-nes/

---

🌈 NES.css

NES.css is NES-style (8bit-like) CSS Framework.

NES.css is compatible with the newest version of the following browsers:

• Chrome
• Firefox
• Safari

Untested

• IE/Edge

---

🔨 Development

🧪 Testing

npm run test

🔧 Building

npm run build

🔖 Storybook

npm run storybook

📝 Todo

• Basic components

  • Text
  • Button
    • themed button
    • dark button
    • asyc button with loading icon
  • Section
    • title scroll
    • themed section
    • dark section
    • title center
    • rounded corners
    • rounded corners with theme
  • Radio
    • theme
    • radio
    • radioGroup
    • optimization
  • Checkbox
    • css improvement (checkbox color)
    • limit max selected items
    • optimization
  • Input
    • input basic
    • css improvement
    • more theme
    • search - auto complete
  • Textarea
    • more theme
  • Select
    • more theme
  • Dialogs
  • Lists
  • Tables
  • Progress
  • Avatars
  • Balloons
  • Badges
  • Icons
    • Reaction-icon
    • Sns-icon
    • Other-icon
    • Customize-icon
    • Pixel-arts
  • Reaction-icon
  • Sns-icons
  • Card
  • Message

• Porject Related

  • eslint
  • prettier
  • theme generate
  • code block for storybook
  • unit test

• 🍭 Fancy

  • beat with music

---

🅰️ Fonts

List of fonts that are recommend for usage alongside the library.

Language	Font
(Default)	Press Start 2P
English	Kongtext
Japanese	美咲フォント
Japanese	Nu もち
Korean	둥근모꼴

---

☑️ Check out

Take a look at https://github.com/Divoolej/react-select-nes-css-theme for making the popular react-select fit in with nes.css!

---

License

MIT © EggTronic