[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-70869":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":23,"hasPages":25,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":31,"readmeContent":32,"aiSummary":33,"trendingCount":16,"starSnapshotCount":16,"syncStatus":34,"lastSyncTime":35,"discoverSource":36},70869,"98.css","jdan\u002F98.css","jdan","A design system for building faithful recreations of old UIs","https:\u002F\u002Fjdan.github.io\u002F98.css",null,"CSS",11102,368,59,30,0,11,18,55,33,102.2,"MIT License",false,"main",true,[27,28,29,30],"css","design-system","guy-fieri","windows98","2026-06-12 04:00:58","## 98.css\n\n\u003Ca href=\"https:\u002F\u002Fnpm.im\u002F98.css\">\u003Cimg height=\"29\" alt=\"npm\" src=\"https:\u002F\u002F98badges.now.sh\u002Fapi\u002Fversion\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Funpkg.com\u002F98.css\">\u003Cimg height=\"29\" alt=\"gzip size\" src=\"https:\u002F\u002F98badges.now.sh\u002Fapi\u002Fsize\" \u002F>\u003C\u002Fa>\n\nA design system for building faithful recreations of old UIs.\n\n\u003Cimg alt=\"a screenshot of a window with the title 'My First VB4 Program' and two buttons OK and Cancel, styled like a Windows 98 dialog\" src=\"https:\u002F\u002Fgithub.com\u002Fjdan\u002F98.css\u002Fblob\u002Fmain\u002Fdocs\u002Fwindow.png?raw=true\" height=\"133\"> \u003Cimg alt=\"a magnified view showing pixel-perfect borders on a scrollbar and button element\" src=\"https:\u002F\u002Fgithub.com\u002Fjdan\u002F98.css\u002Fblob\u002Fmain\u002Fdocs\u002Fzoom.png?raw=true?raw=true\" height=\"133\">\n\n98.css is a CSS file that takes semantic HTML and makes it look pretty. It does not ship with any JavaScript, so it is compatible with your frontend framework of choice.\n\nBe sure to check out [XP.css](https:\u002F\u002Fbotoxparty.github.io\u002FXP.css\u002F) and [7.css](https:\u002F\u002Fkhang-nd.github.io\u002F7.css\u002F) as well.\n\n### Installation \u002F Usage\n\nThe easiest way to use 98.css is to import it from [unpkg](https:\u002F\u002Funpkg.com\u002F).\n\n```html\n\u003C!DOCTYPE html>\n\u003Chtml>\n\u003Chead>\n  \u003Ctitle>98.css example\u003C\u002Ftitle>\n  \u003Cmeta charset=\"UTF-8\" \u002F>\n  \u003Clink rel=\"stylesheet\" href=\"https:\u002F\u002Funpkg.com\u002F98.css\" \u002F>\n\u003C\u002Fhead>\n\n\u003Cbody>\n  \u003Cdiv class=\"window\" style=\"margin: 32px; width: 250px\">\n    \u003Cdiv class=\"title-bar\">\n      \u003Cdiv class=\"title-bar-text\">\n        My First VB4 Program\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"window-body\">\n      \u003Cp>Hello, world!\u003C\u002Fp>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n```\n\nAlternatively, you can grab 98.css for [the releases page](https:\u002F\u002Fgithub.com\u002Fjdan\u002F98.css\u002Freleases) or [npm](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F98.css).\n\n```\nnpm install 98.css\n```\n\nHere is an example of [98.css being used with React](https:\u002F\u002Fcodesandbox.io\u002Fs\u002Fobjective-chandrasekhar-t5t6h?file=\u002Fsrc\u002Findex.js), and [an example with vanilla JavaScript](https:\u002F\u002Fcodesandbox.io\u002Fs\u002Flate-sound-miqho?file=\u002Findex.html).\n\nRefer to the [documentation page](https:\u002F\u002Fjdan.github.io\u002F98.css\u002F) for specific instructions on this library's components.\n\n### Developing\n\nFirst, run `npm install`.\n\n[`style.css`](https:\u002F\u002Fgithub.com\u002Fjdan\u002F98.css\u002Fblob\u002Fmain\u002Fstyle.css) is where everything happens.\n\nYou can use `npm start` to start a development environment that will watch for file changes and rebuild 98.css, reloading your browser in the process.\n\nYou can run a build manually with `npm run build`. This will write to the `dist\u002F` directory.\n\n### Issues, Contributing, etc.\n\nRefer to [the GitHub issues page](https:\u002F\u002Fgithub.com\u002Fjdan\u002F98.css\u002Fissues) to see bugs in my CSS or report new ones. I'd really like to see your pull requests (especially those new to open-source!) and will happily provide code review. 98.css is a fun, silly project and I'd like to make it a fun place to build your open-source muscle.\n\nThank you for checking my little project out, I hope it brought you some joy today. Consider [starring\u002Ffollowing along on GitHub](https:\u002F\u002Fgithub.com\u002Fjdan\u002F98.css\u002Fstargazers) and maybe reading my posts on [Bluesky](https:\u002F\u002Fbsky.app\u002Fprofile\u002Fjdan.me). 👋\n\n### Publishing\n\nBuilding the docs site: `npm run deploy:docs`\n\nPublishing to npm: `npm run release`\n\n### License\n\n[MIT](https:\u002F\u002Fgithub.com\u002Fjdan\u002F98.css\u002Fblob\u002Fmain\u002FLICENSE)\n","98.css 是一个用于重建旧用户界面（如Windows 98风格）的设计系统。该项目通过纯CSS实现，不依赖任何JavaScript，因此可以与任意前端框架兼容，主要功能包括提供像素级精确的复古样式组件，如窗口、按钮和滚动条等。它特别适用于需要复现经典操作系统外观的网页项目或应用中，比如怀旧主题网站、游戏界面设计或是教育演示等场景。使用方法简单，可以通过unpkg直接引入，或者通过npm安装。",2,"2026-06-11 03:34:40","high_star"]