Community

Questions and Support

Stack Overflow

If you have a question about how to use Vue Formulate please ask it on Stack Overflow tagged with vue-formulate. When you do, please include code examples and if possible, a link to a CodePen or CodeSandbox so the community can further assist you (see Code Playgrounds below)

Ask a question on Stack Overflow →

Vue Formulate Discord (Generalized help & discussion) New

Stack Overflow is not the right place to ask generalized "Why doesn't my code work" questions. It's intended to ask questions about isolated issues. If you're in need of more generalized help — or you just want to make connections within the Vue Formulate community — consider joining the official Vue Formulate Discord. If you are not already a member (it's free and open) you'll need to use the following invite link to join the server.

Join the Vue Formulate Discord server →

GitHub Issues (Bugs and Features)

GitHub issues are reserved for feature requests and bug reports, but if you've found a bug, please report it! Feature requests are always going to be a bit subjective, but if you believe there's a large use case that is currently under served by Vue Formulate, we want to know that too.

Create an issue on GitHub →

Code playgrounds

We maintain a Vue Formulate enabled CodePen and CodeSandbox to let you quickly mockup your forms and reproduce issues or bugs you might have. If you want to just play around, or plan to file an issue, coding up an example is a great place to start.

CodePen

When able, we recommend using CodePen, but it is limited to one Single File Component. To create your own fork, click "Use this template" in the bottom right of the page.

Vue Formulate in CodePen →

CodeSandbox

CodeSandbox is a little more full-featured, allowing multiple Single File Components like you might use in your own project. Also if you're wanting to use initialization Vue.use(VueFormulate, {...}), features this is the one to use.

Vue Formulate in CodeSandbox →

Articles

Introducing Vue Formulate — truly delightful form authoring.

An overview of Vue Formulate by the author. Why it exists, what it does, and where it is going.

Tailwind + Vue Formulate = ❤️

Using the newly customizable classes in Vue Formulate, learn how to leverage the Tailwind CSS utility framework to quickly add custom styling to your forms.

Latest Article

Better uploads with Vue Formulate, S3, and Lambda

A practical guide to improving file uploads with Vue Formulate, AWS S3, and AWS Lambda.

Written an article?

Have you used Vue Formulate on a project or come up with a unique technique? Consider writing an article about it! Whether it's on DEV, Medium, or your personal blog — we would be happy to share it here. Just edit this page and submit a pull request.

Examples

A growing list of Vue Formulate code examples.

• Custom validation rule (multi-field)
• Disable submit button until entire form is valid
• CDN usage
• Group input with a v-model
• Initial value for an image input
• Repeatable fields with conditionals
• Repeatable grouped fields
• Simple registration form (CDN)
• Simple text and checkbox inputs
• Styling selected radio inputs
• Submitting a form programmatically
• Tailwind via props
• Tailwind via config
• Using the label slot to add a tooltip
• Use @click.prevent in v-slot:addmore to prevent auto-validation on click
• Button group styled with Tailwind
• Using HTML and Images for checkboxes
• Collapsable accordian style repeatable groups

Add your example

Have you created a Vue Formulate CodePen or CodeSandbox? Share it with the community! Just edit this page and submit a pull request

Community plugins

Checkout the plugins documentation page for a short list of community plugins.

Projects using Vue Formulate

Have you built something using Vue Formulate in the wild? Submit it to Vue Telemetry — which has support for detecting Vue Formulate within projects — and add it to the growing list of example sites.

Vue Formulate projects on Vue Telemetry →