Get started with Vueform
Build your forms 10x faster with the most powerful form builder for Vue.js 2 & 3.
Installation
Follow the installation steps to setup Vueform in your project or using one of our boilerplates.
Obtain a free API Key
To use Vueform in your project, first you need an API Key.
To obtain a free API Key Sign up and create a New project.
Select a framework
Choose a framework in which you'll use Vueform.
Vite
NuxtJS
Vue CLI
Laravel
API Key
To obtain a free API key Sign up & create a project. The API key needs to be added vueform.config.js:
// vueform.config.js
export default {
apiKey: 'xxxx-xxxx-xxxx-xxxx-xxxx',
// ...
}
If you're a subscriber of Vueform, you don't need to add API Key manually as it will be included in your build.
Learn
Once you have Vueform installed you can start your learning journey. Going through our Essentials guide should not take more than an hour.
Rendering forms
Learn how to render forms using Vueform in three different ways.
Styles & layout
Learn about the many ways how Vueform styles and layouts can be customized.
Handling data
Learn how submit, store and manage form data using Vueform.
Validation
Learn how to validate elements and create custom rules in Vueform.
Conditional rendering
Learn how to render almost any part of your forms conditionally.
Events
Learn how to subscribe to Vueform events on form or element level.
Form steps
Learn how to break you forms into steps to enchance user experience.
I18n
Learn how to internationalize everything including the contents of your forms.
Discover
If you are more of a "learn by doing" type you might want to dig right into Vueform reference and code examples.
Element APIs
Check out all the properties, methods, etc. of all Vueform components.
Core API
Check out the API of our core Vueform component that is used by every form.
Examples
Check out a few examples of using Vueform in real life scenarios.
Themes
Check out Vueform themes tailored to popular CSS frameworks.
