[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-70872":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":25,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":32,"readmeContent":33,"aiSummary":34,"trendingCount":16,"starSnapshotCount":16,"syncStatus":35,"lastSyncTime":36,"discoverSource":37},70872,"NES.css","nostalgic-css\u002FNES.css","nostalgic-css","NES-style CSS Framework | ファミコン風CSSフレームワーク","https:\u002F\u002Fnostalgic-css.github.io\u002FNES.css\u002F",null,"SCSS",21757,1690,188,42,0,4,11,29,12,44.68,"MIT License",false,"develop",true,[27,28,29,30,31],"8bit","css","css-framework","nes","scss","2026-06-12 02:02:44","\u003Cdiv align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fnostalgic-css.github.io\u002FNES.css\u002F\" target=\"_blank\">\u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F5305599\u002F49061716-da649680-f254-11e8-9a89-d95a7407ec6a.png\" alt=\"NES.css: NES-style  CSS framework\" style=\"max-width: 100%;\" width=\"600\" height=\"315\">\u003C\u002Fa>\n\n  \u003Ca href=\".github\u002FREADME-jp.md\">日本語\u003C\u002Fa> \u002F \u003Ca href=\".github\u002FREADME-zh-CN.md\">简体中文\u003C\u002Fa> \u002F \u003Ca href=\".github\u002FREADME-es.md\">Español\u003C\u002Fa> \u002F \u003Ca href=\".github\u002FREADME-pt-BR.md\">Português\u003C\u002Fa> \u002F \u003Ca href=\".github\u002FREADME-ru.md\">Русский\u003C\u002Fa> \u002F \u003Ca href=\".github\u002FREADME-fr.md\">Français\u003C\u002Fa>\n\u003C\u002Fdiv>\n\nNES.css is a **NES-style(8bit-like)** CSS Framework.\n\n[![Gitter][gitter-badge]][gitter] [![Commitizen friendly][commitizen-badge]][commitizen]\n\n## Installation\n\n### Styles\n\nNES.css is available via either npm (preferred), Yarn, or a CDN.\n\n#### via package manager\n\n```shell\nnpm install nes.css\n# or\nyarn add nes.css\n```\n\nOur `package.json` contains some additional metadata under the following keys:\n* `sass` - path to our main Sass source file\n* `style` - path to our non-minified CSS\n\n##### AltCSS(sass, scss...)\n\n```scss\n\u002F\u002F style.scss\n@import \".\u002Fnode_modules\u002Fnes.css\u002Fcss\u002Fnes.css\"\n```\n\n##### JavaScript\n\n```js\n\u002F\u002F script.js\nimport \"nes.css\u002Fcss\u002Fnes.min.css\";\n```\nYou need to install css-loader.\n\n##### HTML\n```html\n\u003C!-- index.html -->\n\u003Chtml>\n  \u003Chead>\n    \u003Clink rel=\"stylesheet\" href=\".\u002Fnode_modules\u002Fnes.css\u002Fcss\u002Fnes.min.css\">\n  \u003C\u002Fhead>\n  \u003Cbody>\u003C\u002Fbody>\n\u003C\u002Fhtml>\n```\n\n#### via CDN\n\nImport the CSS via a `\u003Clink \u002F>` element:\n\n```html\n\u003C!-- minify -->\n\u003Clink href=\"https:\u002F\u002Funpkg.com\u002Fnes.css@2.3.0\u002Fcss\u002Fnes.min.css\" rel=\"stylesheet\" \u002F>\n\u003C!-- latest -->\n\u003Clink href=\"https:\u002F\u002Funpkg.com\u002Fnes.css@latest\u002Fcss\u002Fnes.min.css\" rel=\"stylesheet\" \u002F>\n\u003C!-- core style only -->\n\u003Clink href=\"https:\u002F\u002Funpkg.com\u002Fnes.css\u002Fcss\u002Fnes-core.min.css\" rel=\"stylesheet\" \u002F>\n```\n\n### Fonts\n\nNES.css doesn't provide any fonts, but we do maintain the following list of fonts that we recommend for usage alongside the library.\n\n| Language  | Font                                                               |\n| --------- | ------------------------------------------------------------------ |\n| (Default) | [Press Start 2P](https:\u002F\u002Ffonts.google.com\u002Fspecimen\u002FPress+Start+2P) |\n| English   | [Kongtext](https:\u002F\u002Fwww.dafont.com\u002Fkongtext.font)                   |\n| Japanese  | [美咲フォント](http:\u002F\u002Flittlelimit.net\u002Fmisaki.htm)                  |\n| Japanese  | [Nu もち](http:\u002F\u002Fkokagem.sakura.ne.jp\u002Ffont\u002Fmochi\u002F)                 |\n| Korean    | [둥근모꼴](http:\u002F\u002Fcactus.tistory.com\u002F193)                              |\n| Chinese   | [Zpix (最像素)](https:\u002F\u002Fgithub.com\u002FSolidZORO\u002Fzpix-pixel-font)      |\n\n## Usage\n\nNES.css only provides components. You will need to define your own layout.\n\nThe recommended font for NES.css is [Press Start 2P][press-start-2p-font]. However, [Press Start 2P][press-start-2p-font] only supports English characters. When you're using this framework with any language other than English, please use another font. Follow the Google Fonts [instructions][google-fonts-guide] about how to include them, or simply include it as below:\n\n```html\n\u003Chead>\n    \u003Clink href=\"https:\u002F\u002Ffonts.googleapis.com\u002Fcss?family=Press+Start+2P\" rel=\"stylesheet\">\n    \u003Clink href=\"https:\u002F\u002Funpkg.com\u002Fnes.css\u002Fcss\u002Fnes.css\" rel=\"stylesheet\" \u002F>\n\n    \u003Cstyle>\n      html, body, pre, code, kbd, samp {\n          font-family: \"font-family you want to use\";\n      }\n    \u003C\u002Fstyle>\n\u003C\u002Fhead>\n```\n\n## CSS Only\n\nNES.css only requires CSS and doesn't depend on any JavaScript.\n\n## Browser Support\n\nNES.css is compatible with the newest version of the following browsers:\n* Chrome\n* Firefox\n* Safari\n\nUntested\n* IE\u002FEdge\n\n## Copyright and license\n\nCode and documentation copyright 2018 [B.C.Rikko](https:\u002F\u002Fgithub.com\u002FBcRikko). Code released under the MIT License. Docs released under Creative Commons.\n\n## Development\n\nIf you'd like to help us out with the project, we welcome contributions of all types! Check out our [`CONTRIBUTING.md`][contributing-document] for more details on how you can help make NES.css amazing!\n\n\n\n\n\n[commitizen]: http:\u002F\u002Fcommitizen.github.io\u002Fcz-cli\u002F\n[commitizen-badge]: https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fcommitizen-friendly-brightgreen.svg\n[contributing-document]: CONTRIBUTING.md\n[gitter]: https:\u002F\u002Fgitter.im\u002Fnostalgic-css\u002FLobby\n[gitter-badge]: https:\u002F\u002Fimg.shields.io\u002Fgitter\u002Froom\u002Fnostalgic-css\u002FLobby.svg\n[google-fonts-guide]: https:\u002F\u002Fdevelopers.google.com\u002Ffonts\u002Fdocs\u002Fgetting_started\n[press-start-2p-font]: https:\u002F\u002Ffonts.google.com\u002Fspecimen\u002FPress+Start+2P?selection.family=Press+Start+2P\n","NES.css 是一个具有8位机风格的CSS框架。它使用SCSS编写，提供了一系列复古风格的UI组件，使开发者能够轻松创建出类似任天堂红白机（NES）视觉效果的网页。该框架支持通过npm、Yarn或CDN安装，并且提供了多种语言版本的文档支持。NES.css 适用于需要怀旧游戏风格设计的各种场景，如个人博客、游戏相关网站或是任何希望给用户带来独特视觉体验的项目。不过需要注意的是，NES.css 主要关注于样式组件，布局部分则需开发者自行定义。",2,"2026-06-11 03:34:40","high_star"]