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

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

css react

Last synced: 3 months ago
JSON representation

React.js ui library

• Host: GitHub
• URL: https://github.com/luciancaetano/lens-ui
• Owner: luciancaetano
• License: mit
• Created: 2021-10-22T05:52:42.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-07-23T09:13:26.000Z (11 months ago)
• Last Synced: 2024-01-07T11:11:02.735Z (6 months ago)
• Topics: css, react
• Language: TypeScript
• Homepage:
• Size: 26.6 MB
• Stars: 7
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Lists

• awesome-react-components - lens-ui - [docs](https://github.com/luciancaetano/lens-ui/blob/main/docs/introduction.md) - A Suit of components focused on simplicity. (UI Frameworks / Component Collections)
• awesome-react-components - lens-ui - [docs](https://github.com/luciancaetano/lens-ui/blob/main/docs/introduction.md) - A Suit of components focused on simplicity. (UI Frameworks / Component Collections)
• awesome-react-components- - lens-ui - [docs](https://github.com/luciancaetano/lens-ui/blob/main/docs/introduction.md) - A Suit of components focused on simplicity. (UI Frameworks / Component Collections)
• awesome-react-components - lens-ui - [docs](https://github.com/luciancaetano/lens-ui/blob/main/docs/introduction.md) - A Suit of components focused on simplicity. (UI Frameworks / Component Collections)
• fucking-awesome-react-components - lens-ui - <b><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7⭐</code></b> <b><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0🍴</code></b> [docs](https://github.com/luciancaetano/lens-ui/blob/main/docs/introduction.md)) - A Suit of components focused on simplicity. (UI Frameworks / Component Collections)

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.