Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/luciancaetano/lens-ui
- Owner: luciancaetano
- License: mit
- Created: 2021-10-22T05:52:42.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-07-23T09:13:26.000Z (over 1 year ago)
- Last Synced: 2024-04-23T20:15:36.517Z (8 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
- Roadmap: ROADMAP.md
Awesome Lists containing this project
- 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> 8⭐</code></b> <b><code> 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.