https://github.com/msgbyte/tushan
Tushan: Build a admin platform for your application in five minutes.
https://github.com/msgbyte/tushan
Last synced: 7 months ago
JSON representation
Tushan: Build a admin platform for your application in five minutes.
- Host: GitHub
- URL: https://github.com/msgbyte/tushan
- Owner: msgbyte
- License: mit
- Created: 2022-07-03T19:26:38.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2025-03-07T15:17:31.000Z (10 months ago)
- Last Synced: 2025-04-08T13:11:28.078Z (9 months ago)
- Language: TypeScript
- Homepage: https://tushan.msgbyte.com/
- Size: 2.74 MB
- Stars: 426
- Watchers: 5
- Forks: 41
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
[简体中文](./README.zh.md)
# Introduction
## **Tushan: Build a Backend Management Platform in Five Minutes**

Official Documentation: [https://tushan.msgbyte.com/](https://tushan.msgbyte.com/)
`Tushan` is a highly flexible, React-based, out-of-the-box frontend framework for backend management applications.
As a developer, you can quickly create a usable backend management framework as if you were calling a library.
A simple `Tushan` application might looks like this:
```tsx
import {
createTextField,
createEmailField,
createUrlField,
jsonServerProvider,
ListTable,
Resource,
Tushan,
} from 'tushan';
const dataProvider = jsonServerProvider('https://jsonplaceholder.typicode.com');
function App() {
return (
}
/>
);
}
export default App;
```
We can determine the presentation of the data table by specifying the types of fields, and built-in functionalities for common operations such as add, delete, edit, and query are implemented to help developers quickly produce an MVP for a backend application.
## Preview
The preview effects are as follows:




> The API design of Tushan is greatly inspired by [react-admin](https://marmelab.com/react-admin), and their interface protocols are fully compatible. This means that the backend interface ecosystem of react-admin can be seamlessly used by Tushan. If you're interested in a backend solution designed with material-ui, you can choose react-admin as an alternative.
Additionally, Tushan includes some common frontend dependencies such as styled-components and arco-design, which can help you build your frontend interface more quickly.
## Quick Example in CodeSandbox
Visit [CodeSandbox](https://codesandbox.io/p/github/msgbyte/tushan/master) for a quick example of a version without backend.
## UI Framework
The UI component library of Tushan is based on ByteDance's arco-design. You can access the official documentation of arco-design [here](https://arco.design/react/docs/start).
All components have been exported and can be directly imported through tushan.
## Scan to Visit Tushan Official Website