lunette

A UI toolkit with configurable and modern components for building React apps and websites.

Getting started

Lunette is still in early development stages. New components are being continuously added.

Demo

Click here to explore all UI components using Storybook.

Installation

Lunette is available as an npm package.

// npm
npm install lunette

// yarn
yarn add lunette

Usage

Here is a quick example to get you started:

import React from 'react';
import ReactDOM from 'react-dom';
import { WeatherCard } from 'lunette';

function App() {
  return <WeatherCard 
          temperature={70}
          unit='f'
          mode='dark'
          forecast='haze'
          timeofday='night'
          location='Current Location'
          datetime='July 4th, 10:00PM'
          style={{
            'height': '170px',
            'width': '300px',
            'fontSize': '16px'
          }} />
}

ReactDOM.render(<App />, document.querySelector('#app'));

Contributing

For any issues, enhancements or new component requests, please use our issue tracker.

Attributions

Weather icons made by iconixar from Flaticon.

License

This project is licensed under the terms of the MIT License.