Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/luciancaetano/lens-ui

React.js ui library
https://github.com/luciancaetano/lens-ui

css react

Last synced: about 2 months ago
JSON representation

React.js ui library

Awesome Lists containing this project

README

        

# 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(Hello World!, 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.