Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://jdan.github.io/98.css/
A design system for building faithful recreations of old UIs
https://jdan.github.io/98.css/
css design-system guy-fieri windows98
Last synced: about 1 month ago
JSON representation
A design system for building faithful recreations of old UIs
- Host: GitHub
- URL: https://jdan.github.io/98.css/
- Owner: jdan
- License: mit
- Created: 2020-04-17T01:39:53.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2024-04-14T07:11:54.000Z (2 months ago)
- Last Synced: 2024-04-14T15:18:40.962Z (2 months ago)
- Topics: css, design-system, guy-fieri, windows98
- Language: CSS
- Homepage: https://jdan.github.io/98.css
- Size: 667 KB
- Stars: 8,557
- Watchers: 63
- Forks: 282
- Open Issues: 26
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Lists
- awesome-css-frameworks - **98.css** - CSS library for building interfaces that look like Windows 98. (Specialized)
- alexandria - 98.css is a CSS library for building interfaces that look like Windows 98
- design-resources-for-developers - 98.css
- awesome-resources-for-developers - 98.css
- personal-awesome-list - 98.css
- awesome-css-frameworks - **98.css** - CSS library for building interfaces that look like Windows 98. (Specialized)
- awesome-ak - 98.css - A design system for building faithful recreations of old UIs (Design Tools / CSS)
- awesome-ak - 98.css - A design system for building faithful recreations of old UIs (Design Tools / CSS)
- tech-resources - 98.css
- awesome-bookmarks - **98.css**
README
## 98.css
[![npm](https://98badges.now.sh/api/version)](http://npm.im/98.css)
[![gzip size](https://98badges.now.sh/api/size)](https://unpkg.com/98.css)A design system for building faithful recreations of old UIs.
98.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.
Be sure to check out [XP.css](https://botoxparty.github.io/XP.css/) and [7.css](https://khang-nd.github.io/7.css/) as well.
### Installation / Usage
The easiest way to use 98.css is to import it from [unpkg](https://unpkg.com/).
```html
98.css example
Hello, world!
```
Alternatively, you can grab 98.css for [the releases page](https://github.com/jdan/98.css/releases) or [npm](https://www.npmjs.com/package/98.css).
```
npm install 98.css
```Here is an example of [98.css being used with React](https://codesandbox.io/s/objective-chandrasekhar-t5t6h?file=/src/index.js), and [an example with vanilla JavaScript](https://codesandbox.io/s/late-sound-miqho?file=/index.html).
Refer to the [documentation page](https://jdan.github.io/98.css/) for specific instructions on this library's components.
### Developing
First, run `npm install`.
[`style.css`](https://github.com/jdan/98.css/blob/main/style.css) is where everything happens.
You 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.
You can run a build manually with `npm run build`. This will write to the `dist/` directory.
### Issues, Contributing, etc.
Refer to [the GitHub issues page](https://github.com/jdan/98.css/issues) 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.
Thank you for checking my little project out, I hope it brought you some joy today. Consider [starring/following along on GitHub](https://github.com/jdan/98.css/stargazers) and maybe subscribing to more fun things on [my twitter](https://twitter.com/jdan). 👋
### Publishing
Building the docs site: `npm run deploy:docs`
Publishing to npm: `npm run release`
### License
[MIT](https://github.com/jdan/98.css/blob/main/LICENSE)