arturbien / React95
- четверг, 18 апреля 2019 г. в 00:17:42
JavaScript
🌈 🕹 Refreshed Windows 95 style UI components for your React app
Refreshed Windows95 UI components for your modern React apps.
Built with styled-components
First, install component library in your project directory:
$ npm i react95
Apply style reset, wrap your app content with ThemeProvider with theme of your choice... and you are ready to go!
import React from 'react';
import { createGlobalStyle, ThemeProvider } from "styled-components";
import { reset, themes, List, ListItem, Divider } from 'react95';
const ResetStyles = createGlobalStyle`
${reset}
`;
export default props =>
<div className="App">
<ResetStyles />
<ThemeProvider theme={themes.default}>
<List>
<ListItem>🎤 Sing</ListItem>
<ListItem>💃🏻 Dance</ListItem>
<Divider />
<ListItem disabled>😴 Sleep</ListItem>
</List>
</ThemeProvider>
</div>
You can view components on Storybook. If you want to play with it locally, simply clone the repo and run commands below:
$ npm i
$ npm run storybook
Apps built with React95 will be submitted on official React95 website 🤟🏻
There's a lot to do. If you want to help with the project, feel free to open pull requests and submit issues. Let's make UI great again
There's quite a few things to be done:
And the boring stuff too: