Concis

High-performance, lightweight UI library for rapidly building React applications. stars

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 ; } 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!