https://github.com/xl-vision/xl-vision

A flexible component-rich react component library
https://github.com/xl-vision/xl-vision

components library react reactjs typescript

Last synced: 4 months ago
JSON representation

A flexible component-rich react component library

• Host: GitHub
• URL: https://github.com/xl-vision/xl-vision
• Owner: xl-vision
• License: mit
• Created: 2021-01-17T11:55:16.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2026-03-05T18:47:52.000Z (4 months ago)
• Last Synced: 2026-03-05T21:50:38.248Z (4 months ago)
• Topics: components, library, react, reactjs, typescript
• Language: TypeScript
• Homepage: https://xl-vision.8910.xyz
• Size: 21.9 MB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE
  • Security: SECURITY.md

Awesome Lists containing this project

README

          
# xl-vision

### A feature-rich React component library.

[![Codacy Badge](https://app.codacy.com/project/badge/Grade/b9d004e0c43541db8bbb96b895f9eb82)](https://www.codacy.com/gh/xl-vision/xl-vision/dashboard?utm_source=github.com&utm_medium=referral&utm_content=xl-vision/xl-vision&utm_campaign=Badge_Grade)

[![codecov](https://codecov.io/gh/xl-vision/xl-vision/branch/master/graph/badge.svg?token=ogpRs9nLpU)](https://codecov.io/gh/xl-vision/xl-vision)

[![Build Status](https://github.com/xl-vision/xl-vision/actions/workflows/test.yml/badge.svg)](https://github.com/xl-vision/xl-vision/actions)

[![npm package](https://img.shields.io/npm/v/@xl-vision/react.svg)](https://www.npmjs.org/package/@xl-vision/react)

[![NPM downloads](http://img.shields.io/npm/dm/@xl-vision/react.svg)](https://www.npmjs.org/package/@xl-vision/react)

[![Average time to resolve an issue](http://isitmaintained.com/badge/resolution/xl-vision/xl-vision.svg)](http://isitmaintained.com/project/xl-vision/xl-vision 'Average time to resolve an issue')

[![Percentage of issues still open](http://isitmaintained.com/badge/open/xl-vision/xl-vision.svg)](http://isitmaintained.com/project/xl-vision/xl-vision 'Percentage of issues still open')

[![License used](https://img.shields.io/github/license/xl-vision/xl-vision.svg)](https://mit-license.org/)

# :sparkles: Features

- Has a wealth of components.

- Support SSR.

- Use typescript for static type checking.

- Based on react hooks instead of class.

- Minimal dependence.

# :computer: Environment

- Modern browsers and Internet Explorer 9+ (with polyfills)

- Server-side Rendering

- Electron

# :package: Install

```

npm install @emotion/react

npm install @emotion/styled

npm install @emotion/cache

npm install @xl-vision/react

```

# :hammer: Usage

```jsx

import { Button } from '@xl-vision/react';

ReactDOM.render(button, mountNode);

```

Please refer to the [documentation](https://xl-vision.8910.xyz) for detailed usage.

# :keyboard: Development

```bash

$ git clone git@github.com:xl-vision/xl-vision.git

$ cd xl-vision

$ pnpm i

$ npm run dev

```

Open your browser and visit http://localhost:3000.

# :handshake: Contributing And Issue

The project is still under development and we welcome anyone's contribution to the project. Your contribution will make the project more perfect. Of course, if you have any problems with the use, we also welcome you to issue.

# :heart: Sponsors

[![Vercel](https://www.datocms-assets.com/31049/1618983297-powered-by-vercel.svg)](https://vercel.com?utm_source=xl-vision&utm_campaign=oss)