GitHub - arturbien/React95: ?? Refreshed Windows 95 style UI components for you...
source link: https://github.com/arturbien/React95
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
README.md
React95
Refreshed Windows95 UI components for your modern React apps.
Built with styled-components ?
Getting Started
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>
Explore
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
Submit your project
Apps built with React95 will be submitted on official React95 website ??
Support / Contributing
There's a lot to do. If you want to help with the project, feel free to open pull requests and submit issues. Let't make UI great again ?
Roadmap
There's quite a few things to be done:
- Styled system
- Lots of tacky color schemes ?
- Custom icons maybe? (Emojis from Windows 10 seem to go very well with the lib)
- Typography
- Range slider component
- Avatar component
- Components common in all modern UIs (FAB, Badge, Avatar, Snackbar, Steppers)
And the boring stuff too:
- Testing
- Semantic release
- eslint
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK