https://github.com/renli-tech/beyond
A Design System by Renli
https://github.com/renli-tech/beyond
design-system javascript nextjs react react-native reactjs ssr theme typescript web-development website
Last synced: 19 days ago
JSON representation
A Design System by Renli
- Host: GitHub
- URL: https://github.com/renli-tech/beyond
- Owner: renli-tech
- License: mit
- Created: 2021-07-01T15:42:37.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2025-04-13T10:05:39.000Z (20 days ago)
- Last Synced: 2025-04-13T11:20:37.782Z (20 days ago)
- Topics: design-system, javascript, nextjs, react, react-native, reactjs, ssr, theme, typescript, web-development, website
- Language: TypeScript
- Homepage:
- Size: 1.33 MB
- Stars: 14
- Watchers: 4
- Forks: 3
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
Beyond Design System
A design system for Renli
## Packages
| packages
| --------------------------------------------------
| [@beyond-ui/shared](./packages/shared)
| [@beyond-ui/react](./packages/react)
| [@beyond-ui/react-native](./packages/react-native)
| [@beyond-ui/theme](./packages/theme)
| [@beyond-ui/system](./packages/system)
## ✌ Usage
#### Create React App
To use Beyond UI Library in React, all you need to do is install the
`@beyond-ui/react` package:
```sh
$ yarn add @beyond-ui/react
# or
$ npm i @beyond-ui/react
```
2. Now you can start importing components:
```jsx
import { Button } from "@beyond-ui/react";
function App() {
return (
Hello,Welcome to Beyond Ui
)
};
```
3. You can also define your own Theme:
```jsx
import { ThemeProvider, Button } from "@beyond-ui/react";
function App() {
return (
This Button is using a custom theme color
)
};
```
#### React-Native
😎 Support for React-Native is Coming Soon...
## Contributing
Feel like contributing? That's awesome! We have a
[contributing guide](./CONTRIBUTING.md) to help guide you.
## License
[License MIT](./LICENSE) © [Renli](https://github.com/renli-tech)