@react95/core v9.2.0
@react95/core
React95 is a component library inspired on the Windows 95 UI design.
Installation
React95 will be available via either npm and yarn.
npm install @react95/core
# or
yarn add @react95/core
# or
pnpm add @react95/core
Usage
The easiest way to check how the React95 components work altogether is by checking the StackBlitz starter.
For a better look and usage of React95, we strongly recommend you choose and import a theme in your app. Optionally, you can add the GlobalStyle to style fonts, scrollbars, and links.
import '@react95/core/GlobalStyle';
import '@react95/core/themes/win95.css';
After setting, you can use any React95 component in your React application:
import { Button } from '@react95/core';
export const MyApp = () => {
return <Button>Click me!</Button>;
};
You can find a list of all available components on our Storybook page.
About Modal
The Modal
component is managed with ModalContext
.
To ensure they are managed correctly, surround one or a group of Modals with a <ModalProvider>
. Example:
import { ModalProvider, Modal } from '@react95/core';
export const ModalExample = () => {
return (
<>
<ModalProvider>
<Modal title="Modal 1" />
<Modal title="Modal 2" />
...
</ModalProvider>
</>
);
};
Next.JS
If you want to use React95 on a NextJS project, check the NextJS template
9 months ago
9 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
11 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago