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: 26 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 (over 3 years ago)
• Default Branch: master
• Last Pushed: 2024-10-29T18:08:25.000Z (about 2 months ago)
• Last Synced: 2024-10-29T20:12:28.593Z (about 2 months 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: 5
• Forks: 3
• Open Issues: 14
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
![GitHub](https://img.shields.io/github/license/renli-tech/Beyond?style=flat-square)

![GitHub last commit](https://img.shields.io/github/last-commit/renli-tech/Beyond?style=flat-square)



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)