Skip to content

Latest commit

 

History

History
131 lines (99 loc) · 2.84 KB

README.md

File metadata and controls

131 lines (99 loc) · 2.84 KB
Raw

🎮 react-nes

An React Component Library Build Up On NES.css

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

🌈 NES.css

NES.css: NES-style CSS framework

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