# <img src="http://formir.io/img/logo/formir-64.png" width=30 height=30 valign=middle/> formir

[Formir](http://formir.io) is Open Source Pure CSS / HTML Framework that not require any JS code to fully work.
All of logic are based on CSS and `<input/>` tag elements, thats are required.

Support LESS and SASS preprocesor.

I invite you to support and develop the project. Become a Contributor - [write at support@formir.io](mailto:support@formir.io) or just commit.

## Install formir

### npm

```console
$ npm install --save-dev formir
```

### yarn

```console
$ npm install -D formir
```

## Use in

### JS with SASS

```javascript
import "formir";
```

### JS with LESS

```javascript
import "formir/less";
```

### LESS or SASS

```less
@import "formir";
```

## Current version

[![npm version](https://img.shields.io/npm/v/formir.svg)](https://www.npmjs.com/package/formir)

## Documentation

See at [documentation](http://formir.io/docs/index.html).

## Components & helpers

### Components

- Accordion
- Button
- Chart
- Description list
- Form
- Icons
- Image
- Menu
- Modal
- Popup
- Select box / Multi select box
- Tab
- Tooltip
- Alert

### Helpers

- Align
- Display
- Items
- Toggle

### Layouts

- Clear
- Content
- Dimensions
- Footer
- Grid
- Header
- Side
- Window
- Table

### Typography

- Article
- Color
- Fonts
- Heading
- Link
- List
- Section

<img src="http://www.browserstack.com/images/layout/browserstack-logo-600x315.png" width="280"/>

[BrowserStack](http://www.browserstack.com) is supporting Formir, allowing us to use their service and infrastructure to test the code in this repository. Thank you for supporting the open source community!