🐇 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.
🔧 Installation
npm install --save formit
Then, import it into your Javascript workflow:
The UMD build is also available via unpkg:
🕹 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:
2. Generate with Formit
Target your selector, and pass in the Formit elements you want to generate:
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 <label>
(if generated) with the field.
First name Last name
📒 Notes
Tests and additional docs coming soon!
❤️ Thanks
A big thanks to developit for his amazing tools and for being a source of inspiration.