Vite Starter

Overview:

Vueform is a form builder specifically designed for Vue.js, making form development much easier and efficient. It offers a comprehensive set of features, including a theming and templating system, support for Tailwind CSS, a wide range of form elements, validators, conditional logic, form wizard, dynamic form rendering, and translation support.

Features:

• Theming and Templating System: Vueform provides a complete theming and templating system, allowing users to customize the look and feel of the forms. It also supports the popular Tailwind CSS framework.
• Wide Range of Form Elements: With over 25 form elements, including multi-file uploads, date pickers, and rich text editor, Vueform offers a variety of options to suit different form requirements.
• Element Nesting and Repeating: Vueform allows users to nest form elements within each other and repeat them dynamically, providing flexibility for complex form structures.
• Validators: With over 50 validators, including async, dependent, and custom rules, Vueform ensures data input validation to maintain data integrity.
• Conditional Logic: Users can apply conditional logic on both element and form levels, enabling dynamic form behavior based on user input or other conditions.
• Form Wizard: Vueform supports breaking forms into steps using a form wizard, allowing users to navigate through the form in a step-by-step manner.
• Dynamic Form Rendering: By utilizing JSON support, Vueform enables dynamic form rendering, making it easy to generate forms based on dynamic data structures.
• Translation Support: Vueform provides built-in support for translating form content and global internationalization (i18n), making it suitable for multi-language applications.

Installation (free):

1. Clone this repo with: git clone https://github.com/vueform/vite-starter vueform-vite-starter
2. Log in to your account at vueform.com/sign-in
3. Go to Projects > + New project
4. Create a new project and copy your API Key to vueform.config.js
5. Go to the project folder: cd vueform-vite-starter
6. Run npm install to install dependencies
7. Run npm run dev to start the server

Or if you prefer using Yarn:

1. Clone this repo with: git clone https://github.com/vueform/vite-starter vueform-vite-starter
2. Log in to your account at vueform.com/sign-in
3. Go to Projects > + New project
4. Create a new project and copy your API Key to vueform.config.js
5. Go to the project folder: cd vueform-vite-starter
6. Run yarn install to install dependencies
7. Run yarn run dev to start the server

Installation (with license):

1. Clone this repo with: git clone https://github.com/vueform/vite-starter vueform-vite-starter
2. Log in to your account at vueform.com/sign-in
3. Go to Projects > + New project
4. Add localhost and live domains to Project domains and create the project
5. Download the latest vueform-x.x.x-hash.zip file and unzip it
6. Move the contents of the unzipped folder to this project's ./packages/vueform folder (./packages/vueform/index.js must exist)
7. Change "@vueform/vueform": "^1.2.6" to "@vueform/vueform": "file:./packages/vueform" in package.json
8. Go to the project folder: cd vueform-vite-starter
9. Run npm install to install dependencies
10. Run npm run dev to start the server

Or if you prefer using Yarn:

1. Clone this repo with: git clone https://github.com/vueform/vite-starter vueform-vite-starter
2. Log in to your account at vueform.com/sign-in
3. Go to Projects > + New project
4. Add localhost and live domains to Project domains and create the project
5. Download the latest vueform-x.x.x-hash.zip file and unzip it
6. Move the contents of the unzipped folder to this project's ./packages/vueform folder (./packages/vueform/index.js must exist)
7. Change "@vueform/vueform": "^1.2.6" to "@vueform/vueform": "file:./packages/vueform" in package.json
8. Go to the project folder: cd vueform-vite-starter
9. Run yarn install to install dependencies
10. Run yarn run dev to start the server

Summary:

Vueform is a powerful form builder specifically designed for Vue.js, offering a wide range of features to simplify and streamline the form development process. With its theming system, support for Tailwind CSS, various form elements, validators, conditional logic, form wizard, dynamic form rendering, and translation support, Vueform provides a comprehensive solution for creating forms in Vue.js applications.