Need help with React95?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

arturbien
4.2K Stars 122 Forks MIT License 581 Commits 30 Opened issues

Description

🌈🕹 Refreshed Windows 95 style UI components for your React app

Services available

!
?

Need anything else?

Contributors list

# 28,703
React
HTML
Shell
JavaScr...
366 commits
# 98,480
JavaScr...
materia...
React
datagri...
32 commits
# 129,215
JavaScr...
HTML
Shell
reactjs
3 commits
# 255,440
Heroku
HTML
Shell
React
3 commits
# 5,358
CSS
Jekyll
meta
Sass
2 commits
# 33,365
JavaScr...
CSS
React
data-fl...
2 commits
# 157,516
Shell
Perl
gdrive
google-...
2 commits
# 108,455
TypeScr...
Mongoos...
Express
MongoDB
1 commit
# 371,124
ember-a...
JavaScr...
Ember
HTML
1 commit
# 324,517
React
TypeScr...
react-s...
react-h...
1 commit
# 378,517
React
JavaScr...
Shell
reactjs
1 commit
# 380,353
React
JavaScr...
Shell
reactjs
1 commit
# 380,354
React
JavaScr...
Shell
reactjs
1 commit
# 103,549
HTML
8bit
CSS
css-fra...
1 commit

React95

NPM circleCI build React95 version React95 license React95 license

Components - Demo app - Website - Slack - PayPal donation 💰

Refreshed Windows95 UI components for your modern React apps.
Built with styled-components 💅

hero

Support

Getting Started

First, install component library and styled-components in your project directory:

# yarn
$ yarn add react95 styled-components

npm

$ npm i react95 styled-components

Apply style reset, wrap your app with ThemeProvider with theme of your choice... and you are ready to go! 🚀

import React from 'react';
import { createGlobalStyle, ThemeProvider } from 'styled-components';

import { styleReset, List, ListItem, Divider } from 'react95'; // pick a theme of your choice import original from "react95/dist/themes/original"; // original Windows95 font (optionally) import ms_sans_serif from "react95/dist/fonts/ms_sans_serif.woff2"; import ms_sans_serif_bold from "react95/dist/fonts/ms_sans_serif_bold.woff2";

const GlobalStyles = createGlobalStyle @font-face { font-family: 'ms_sans_serif'; src: url('${ms_sans_serif}') format('woff2'); font-weight: 400; font-style: normal } @font-face { font-family: 'ms_sans_serif'; src: url('${ms_sans_serif_bold}') format('woff2'); font-weight: bold; font-style: normal } body { font-family: 'ms_sans_serif'; } ${styleReset};

const App = () => (

🎤 Sing 💃🏻 Dance 😴 Sleep
);

export default App;

Submit your project

Apps built with React95 will be featured on the official React95 website 🤟🏻

Contributing

Any 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.

If 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 ♥️

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.