Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/ajainvivek/preact-fluid

✅ A minimal UI kit for Preact
https://github.com/ajainvivek/preact-fluid

minimal-ui-kit preact preact-components preact-ui-kit

Last synced: about 1 month ago
JSON representation

✅ A minimal UI kit for Preact

Awesome Lists containing this project

README

        



Preact Fluid


Minimal UI Kit for Preact, with reusable components.

[![Build Status](https://travis-ci.org/ajainvivek/preact-fluid.svg?branch=master)](https://travis-ci.org/ajainvivek/preact-fluid)
[![Dependencies](https://img.shields.io/david/ajainvivek/preact-fluid.svg)](https://david-dm.org/ajainvivek/preact-fluid)
[![DevDependencies](https://img.shields.io/david/dev/ajainvivek/preact-fluid.svg)](https://david-dm.org/ajainvivek/preact-fluid#info=devDependencies&view=list)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
[![HitCount](http://hits.dwyl.io/ajainvivek/preact-fluid.svg)](http://hits.dwyl.io/ajainvivek/preact-fluid)

## Installation

Preact Fluid is available as an [npm package](https://www.npmjs.com/package/preact-fluid).

```sh
npm install preact-fluid --save
```

## Usage

Here is a quick example to get you started, it's all you need:

```jsx
import { render } from 'preact';
import { Button } from 'preact-fluid';

function App() {
return (

Hello World

);
}

render(, document.querySelector('#app'));
```

## Documentation

Check out our [documentation website](https://ajainvivek.github.io/preact-fluid/).

## Contributing

We'd greatly appreciate any contribution you make. :D

## License

This project is licensed under the terms of the
[MIT license](https://github.com/ajainvivek/preact-fluid/blob/v1-beta/LICENSE).