Get started with Vueform
Build your forms 10x faster with the most powerful form builder for Vue.js 3.
Installation
The simplest and quickest way to install Vueform is by using create with your package manager that will guide you through the installation process to set up an environment with Vueform:
bash
npm create vueform@latestbash
yarn create vueformbash
pnpm create vueformbash
bun create vueformThis will allow you to install Vueform in Vite, Nuxt, Astro or Laravel environment.
Manual Installation
If you need to install Vueform in an existing project or other Vue.js environments, here are steps you can follow:
Select a framework
Choose a framework in which you'll use Vueform.
Vite
Nuxt
Vue.js
Astro
Laravel
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.
