{"id":13433138,"url":"https://github.com/react95-io/React95","last_synced_at":"2025-03-17T10:33:21.846Z","repository":{"id":37736258,"uuid":"171368195","full_name":"react95-io/React95","owner":"react95-io","description":"🌈🕹  Windows 95 style UI component library for React","archived":false,"fork":false,"pushed_at":"2024-01-14T20:52:31.000Z","size":67707,"stargazers_count":6826,"open_issues_count":42,"forks_count":198,"subscribers_count":29,"default_branch":"master","last_synced_at":"2025-03-13T12:05:51.584Z","etag":null,"topics":["component-library","components","design-system","react","reactjs","styled-components","ui","ui-kit","vaporwave","windows95"],"latest_commit_sha":null,"homepage":"https://react95.io","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/react95-io.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"docs/Contributing.stories.mdx","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null},"funding":{"github":"arturbien","patreon":"arturbien","open_collective":null,"ko_fi":null,"tidelift":null,"custom":"https://www.paypal.me/react95"}},"created_at":"2019-02-18T22:55:25.000Z","updated_at":"2025-03-13T05:54:49.000Z","dependencies_parsed_at":"2024-02-04T15:12:46.140Z","dependency_job_id":"1de2ba82-0b7d-4251-a4ad-0ee1cff65c88","html_url":"https://github.com/react95-io/React95","commit_stats":null,"previous_names":["arturbien/react95"],"tags_count":92,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react95-io%2FReact95","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react95-io%2FReact95/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react95-io%2FReact95/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react95-io%2FReact95/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/react95-io","download_url":"https://codeload.github.com/react95-io/React95/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244016966,"owners_count":20384245,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["component-library","components","design-system","react","reactjs","styled-components","ui","ui-kit","vaporwave","windows95"],"created_at":"2024-07-31T02:01:21.552Z","updated_at":"2025-03-17T10:33:21.837Z","avatar_url":"https://github.com/react95-io.png","language":"TypeScript","funding_links":["https://github.com/sponsors/arturbien","https://patreon.com/arturbien","https://www.paypal.me/react95","https://www.patreon.com/arturbien"],"categories":["TypeScript"],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eReact95\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.npmjs.com/package/react95\"\u003e\u003cimg src=\"https://flat.badgen.net/npm/dt/react95\" alt=\"NPM\" /\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/arturbien/React95/actions/workflows/release.yml\"\u003e\u003cimg src=\"https://github.com/arturbien/React95/actions/workflows/release.yml/badge.svg\" alt=\"release status\" /\u003e\u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/react95\"\u003e\u003cimg src=\"https://flat.badgen.net/npm/v/react95\" alt=\"React95 version\" /\u003e\u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/react95\"\u003e\u003cimg src=\"https://flat.badgen.net/npm/license/react95\" alt=\"React95 license\" /\u003e\u003c/a\u003e\n  \u003ca href=\"https://twitter.com/intent/follow?screen_name=react95_io\"\u003e\u003cimg src=\"https://img.shields.io/twitter/follow/react95_io\" alt=\"React95 license\" /\u003e\u003c/a\u003e\n\u003c/p\u003e\n\u003ch3 align=\"center\"\u003e\n  \u003ca href=\"https://storybook.react95.io/?path=/story/window--default\"\u003eComponents\u003c/a\u003e -\n  \u003ca href=\"https://coins95.web.app/\"\u003eDemo app\u003c/a\u003e -\n  \u003ca href=\"https://github.com/react95-io/react95-native\"\u003eReact Native\u003c/a\u003e -\n  \u003ca href=\"https://join.slack.com/t/react95/shared_invite/enQtOTA1NzEyNjAyNTc4LWYxZjU3NWRiMWJlMGJiMjhkNzE2MDA3ZmZjZDc1YmY0ODdlZjMwZDA1NWJiYWExYmY1NTJmNmE4OWVjNWFhMTE\"\u003eSlack\u003c/a\u003e -\n  \u003ca href=\"https://www.paypal.me/react95\"\u003ePayPal donation 💰\u003c/a\u003e\n\u003c/h3\u003e\n\u003cp align=\"center\"\u003e\n  \u003cb\u003eRefreshed\u003c/b\u003e Windows95 UI components for your modern React apps. \u003cbr /\u003e Built with styled-components 💅\u003c/p\u003e\n\n![hero](https://user-images.githubusercontent.com/28541613/81947711-28b05580-9601-11ea-964a-c3a6de998496.png)\n\n### Support\n\n- [Become a backer or sponsor on Patreon](https://www.patreon.com/arturbien)\n- [One-time donation via PayPal](https://www.paypal.me/react95)\n\n## Getting Started\n\nFirst, install component library and styled-components in your project directory:\n\n```sh\n# yarn\n$ yarn add react95 styled-components\n\n# npm\n$ npm install react95 styled-components\n```\n\nApply style reset, wrap your app with ThemeProvider with theme of your choice... and you are ready to go! 🚀\n\n```jsx\nimport React from 'react';\nimport { createGlobalStyle, ThemeProvider } from 'styled-components';\n\nimport { MenuList, MenuListItem, Separator, styleReset } from 'react95';\n// pick a theme of your choice\nimport original from 'react95/dist/themes/original';\n// original Windows95 font (optionally)\nimport ms_sans_serif from 'react95/dist/fonts/ms_sans_serif.woff2';\nimport ms_sans_serif_bold from 'react95/dist/fonts/ms_sans_serif_bold.woff2';\n\nconst GlobalStyles = createGlobalStyle`\n  ${styleReset}\n  @font-face {\n    font-family: 'ms_sans_serif';\n    src: url('${ms_sans_serif}') format('woff2');\n    font-weight: 400;\n    font-style: normal\n  }\n  @font-face {\n    font-family: 'ms_sans_serif';\n    src: url('${ms_sans_serif_bold}') format('woff2');\n    font-weight: bold;\n    font-style: normal\n  }\n  body {\n    font-family: 'ms_sans_serif';\n  }\n`;\n\nconst App = () =\u003e (\n  \u003cdiv\u003e\n    \u003cGlobalStyles /\u003e\n    \u003cThemeProvider theme={original}\u003e\n      \u003cMenuList\u003e\n        \u003cMenuListItem\u003e🎤 Sing\u003c/MenuListItem\u003e\n        \u003cMenuListItem\u003e💃🏻 Dance\u003c/MenuListItem\u003e\n        \u003cSeparator /\u003e\n        \u003cMenuListItem disabled\u003e😴 Sleep\u003c/MenuListItem\u003e\n      \u003c/MenuList\u003e\n    \u003c/ThemeProvider\u003e\n  \u003c/div\u003e\n);\n\nexport default App;\n```\n\n### Submit your project\n\nApps built with React95 will be featured on the official React95 [website](https://react95.io) 🤟🏻\n\n### Contributing\n\nAny help from UI / UX designers would be EXTREMELY appreciated. The challenge is to come up with new component designs / layouts that are broadly used in modern UIs, that weren't present back in 95.\n\nIf you want to help with the project, feel free to open pull requests and submit issues or component proposals. Let's bring this UI back to life ♥️\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freact95-io%2FReact95","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Freact95-io%2FReact95","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freact95-io%2FReact95/lists"}