LensUi Design System [docs]

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.

$ npm install lens-ui

$ yarn add lens-ui

Usage

import { Button } from 'lens-ui';

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

And import stylesheets.

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

TypeScript

lens-ui provides a built-in ts definition.