# LensUi Design System [[docs]](https://luciancaetano.github.io/lens-ui?v5)

LensUi is a component library designed to be simple and customizable, it includes a comprehensive collection of components ready to use or to compose your own design system.
LensUi is beautiful and straightforward in its simple design.

### ✨ Features

- 🔎 Simple UI designed for web applications.
- 📦 A set of React components out of the box.
- 🛡 Written in TypeScript with predictable static types.
- 🎨 Simple theme customization using css variables and data selectors.
# Installation
#### Using npm or yarn

**We recommend using npm or yarn to install**, it not only makes development easier, but also allow you to take advantage of the rich ecosystem of Javascript packages and tooling.

```bash
$ npm install lens-ui
```

```bash
$ yarn add lens-ui
```
# Usage

```jsx
import { Button } from 'lens-ui';

ReactDOM.render(<Button>Hello World!</Button>, mountNode);
```

And import stylesheets.

```jsx
import 'lens-ui/dist/index.css'; // or 'lens-ui/dist/lens-ui.less'
```

### TypeScript

`lens-ui` provides a built-in ts definition.