Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fengxinhhh/Concis
快速构建React应用程序的高性能、轻量级UI库
https://github.com/fengxinhhh/Concis
css3 dumi es6-javascript javascript js lerna less markdown mobile pnpm react react-components reactjs rollup ts typescript
Last synced: about 2 months ago
JSON representation
快速构建React应用程序的高性能、轻量级UI库
- Host: GitHub
- URL: https://github.com/fengxinhhh/Concis
- Owner: fengxinhhh
- License: mit
- Created: 2022-03-25T16:09:30.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-07-07T08:53:18.000Z (about 1 year ago)
- Last Synced: 2024-04-23T22:10:30.166Z (5 months ago)
- Topics: css3, dumi, es6-javascript, javascript, js, lerna, less, markdown, mobile, pnpm, react, react-components, reactjs, rollup, ts, typescript
- Language: TypeScript
- Homepage: http://concis.org.cn
- Size: 9.32 MB
- Stars: 385
- Watchers: 16
- Forks: 110
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Concis
High-performance, lightweight UI library for rapidly building React applications.
English | [简体中文](./README.zh-CN.md)
# Features
## Comprehensive
With more than 50 crafted components that you can use out of the box.
## Customizable theme
Extensive design tokens can be customized to build your own theme. the way of customization are supported:
- [With colors-system](https://concis.org.cn/#/guide/xcolor)
- [Dark mode & theme color dual support](https://concis.org.cn/#/guide/udark)
## TypeScript friendly
All components are written in TypeScript so it's type friendly.
# Installation
Available as an [npm package](https://www.npmjs.com/package/concis)
```bash
// with npm
npm install concis@latest
// with yarn
yarn add concis@latest
```
# Examples
```typescript
import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from 'concis';
import 'concis/web-react/style/index.css';
function App() {
return Hello Concis!;
}
ReactDOM.render(, document.getElementById('app'));
```
# Local experience
In the examples folder, there is a `vite` + `react` project runtime environment, in which you can experience the `concis` component, run the command in the project root directory:
```tsx pure
pnpm examples:dev
```
Visit `http://localhost:5173`.
# Useful Links
- [Documentation website](https://concis.org.cn/#/)
- [Components documentation](https://concis.org.cn/#/common/button)
- [Guide introduce](https://concis.org.cn/#/guide/introduce)
- [Get started quickly](https://concis.org.cn/#/guide/teuse)
# Browser Support
| [
](http://godban.github.io/browsers-support-badges/)
IE / Edge | [
](http://godban.github.io/browsers-support-badges/)
Firefox | [
](http://godban.github.io/browsers-support-badges/)
Chrome | [
](http://godban.github.io/browsers-support-badges/)
Safari | [
](http://godban.github.io/browsers-support-badges/)
Opera | [
](http://godban.github.io/browsers-support-badges/)
Electron |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Edge 16 | 31 | 49 | 31 | 36 | last 2 versions |
# Contributing
Developers interested in contributing should read the [Contributing Guide](https://concis.org.cn/#/guide/zcontribute).
Thank you to all the people who already contributed to Concis!
