🐇 Formit

> A speedy way to create HTML forms.

* ⚡️ Tiny, around 1.35 KB gzipped
* 🙌 Zero dependences
* 🖌 Styleless by design, allowing you to add your own.

Check out the demo

🔧 Installation

``
npm install --save formit
`

Then, import it into your Javascript workflow:

`js
import Formit from 'formit'
`

The UMD build is also available via unpkg:

`html

`

🕹 Usage

Here's a quick example of how you can compose HTML forms with Formit:

#### 1. Prepare the HTML

Create somewhere for your Formit elements to render to:

`html


`js
Formit('#form', [
{
label: 'First name',
type: 'text',
placeholder: 'First',
autofocus: true,
},
{
label: 'Last name',
placeholder: 'Last',
type: 'text',
},
{
type: 'submit',
value: 'Go!'
},
])
`

#### 3. Check out your rendered form

Aw yea! Your selector is now populated with ready-to-use form elements.

A cool feature of Formit is that it'll automatically generate unique IDs and associate the (if generated) with the field.

`html


📒 Notes

Tests and additional docs coming soon!

❤️ Thanks

A big thanks to developit for his amazing tools and for being a source of inspiration.