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

English | 简体中文

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
• Dark mode & theme color dual support

TypeScript friendly

All components are written in TypeScript so it's type friendly.

Installation

Available as an npm package

// with npm
npm install concis@latest

// with yarn
yarn add concis@latest

Examples

import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from 'concis';
import 'concis/web-react/style/index.css';

function App() {
  return <Button type="primary">Hello Concis!</Button>;
}

ReactDOM.render(<App />, 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:

pnpm examples:dev

Visit http://localhost:5173.

Useful Links

• Documentation website
• Components documentation
• Guide introduce
• Get started quickly

Browser Support

| IE / Edge | Firefox | Chrome | Safari | Opera | Electron | | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Edge 16 | 31 | 49 | 31 | 36 | last 2 versions |

Contributing

Developers interested in contributing should read the Contributing Guide.

Thank you to all the people who already contributed to Concis!