Beta
⌘K
Docs
Essentials
Inputs
Guides
Advanced
Changelog
Tools
Playground
Pro
i18n Locale Builder
Feedback
About
What is FormKit?
Docs
Advanced
Guides
Inputs
Essentials
Button
Checkbox
Color
Date
Datetime
Email
File
Group
Hidden
List
Month
Number
Password
Radio
Range
Repeater
Pro
Search
Select
Submit
Telephone
Text
Textarea
Time
URL
Week
The nuts and bolts. Start here.
What is FormKit?
Build high-quality production-ready forms 10x faster.
Installation
Get started with your favorite package manager or use directly via CDN.
Inputs
Form inputs with labels, help text, validation, error messages, and more.
Validation
Give your users instant feedback when their data isn‘t valid.
Forms
Hydrate, disable, validate, and submit for forms.
Form generation
Generate dynamic forms from serializable JSON schema.
Styling
Theme your form with tools like Tailwind or your own custom CSS.
Internationalization
Use FormKit in your native tongue.
Community
Need help? Got a suggestion? Learn how to get involved.
Take your forms to new heights.
Core
A zero-dependency package responsible for nearly all of FormKit’s low-level critical functions
Context object
A reactive object to expose data to slots, rules, and the underlying schema that defines the input.
Custom inputs
Need special input type? Creating your FormKit input is easy.
Schema
A JSON-serializable data format for storing DOM structures and component implementations including FormKit forms.
Learn one step at a time.
Create a custom input
Walk through creating a one time password input.
Playground
Pro
285
Theme
FormKit
Pro
early access.
Synthetic inputs. Elevated experiences.
Sign up to try the all new production-ready inputs — autocompletes, WYSIWYGs, taglists and more.
Apply for early access