FormKit

FormKit: The Open-Source Form Framework for Vue - Get the most out of FormKit

How much can customers save with FormKit deal?

How to Use:

1. Installation:

• Vue 3 or Nuxt 3
• Node.js: 14.18.0, 16.12.0, or higher
• Terminal: To run npm/yarn commands

• Run npx formkit create-app in the terminal to start a new project.
• Answer the questions prompted by create-app to set up your project.
• Follow the instructions to install dependencies and start a development server.

• Create a FormKit config file in the root of your project if it doesn't exist.
• Import the config file for use in your Vue App.

• Using the Web UI: Customize themes at https://themes.formkit.com and download the theme.
• Using the CLI: Run npx formkit theme in the same directory as your config file.

• Install FormKit icons with npm install @formkit/icons.
• Import and spread the icons into the FormKit config.

• Get a Project Key from FormKit Pro.
• Install @formkit/pro package.
• Import necessary Pro Inputs from @formkit/pro.
• Configure the Pro plugin with your Project Key.
• Add the plugin to your FormKit config.

• If using the legacy Genesis CSS theme, install the Pro CSS.
• Import @formkit/themes/genesis and @formkit/pro/genesis.