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: 13 days ago
JSON representation

✅ A minimal UI kit for Preact

• Host: GitHub
• URL: https://github.com/ajainvivek/preact-fluid
• Owner: ajainvivek
• License: mit
• Created: 2017-11-09T04:29:37.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-02-20T07:46:32.000Z (about 6 years ago)
• Last Synced: 2025-04-02T12:13:52.158Z (20 days ago)
• Topics: minimal-ui-kit, preact, preact-components, preact-ui-kit
• Language: JavaScript
• Homepage: https://ajainvivek.github.io/preact-fluid/
• Size: 899 KB
• Stars: 189
• Watchers: 2
• Forks: 27
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-preact - Preact Fluid - A minimal UI kit for Preact. (Uncategorized / Uncategorized)
• awesome-list - preact-fluid

README

        










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).