formkit VS auto-animate

The Vue ecosystem is packed with many great form validation libraries, VeeValidate, Vuelidate, and FormKit just to name a few.

if you're going to be dealing with forms then FormKit (not a UI library) is worth your time. It's an architecture-first form framework — can be used with any UI library if you prefer.

I probably say this too often, but I'm fascinated by how much the Vue ecosystem has been thriving lately. Recent releases of such awesome libraries like FormKit or Radix Vue are great examples of how well the Vue ecosystem has matured lately.

FormKit is a library that helps you build complex forms in Vue. It is built on top of Vue 3 and uses the composition API. It is very easy to use and has a lot of features. You can check out Formkit Website for more information.

If you're in the Vue space (and you will be if you're using Nuxt) then I highly recommend checking out FormKit (I'm one of the maintainers). It's not a UI library — it's a framework for managing your form architecture and data. Forms are some of the most complicated front-end work you'll do if you do them well and FormKit will save you many many tears. If you want a quick primer on "why formkit?" here's a 3-minute video that demonstrates how much simpler a FormKit form will be to manage vs one hand-written in Vue.

If your project requires building forms then FormKit can save you a lot of effort.

Starting with Beta 17 — FormKit ships with a new Zod plugin that you can use to validate your forms.

Unironically this, but it's called FormKit. 🥲

When you get to doing the forms in your project be sure to give FormKit a look!

https://auto-animate.formkit.com/ some basic inspiration - consider also that this is free and just takes donations.. That model brings people to you and then you can do bespoke projects and charge too

You can see here and here how all frameworks need to use specific wrappers while Svelte can use the core library

You could also have a look at https://auto-animate.formkit.com, it's perfect for what you want to do

You may also consider AutoAnimate and dndkit

📣 Howdy, I’m Justin Schroeder (author of FormKit and AutoAnimate) — I just released a new experimental JavaScript library for rendering interfaces declaratively. A few of the talking points:

Building any kind of Web app requires Animations to look good we can add Animation by either third-party Libs like Framer motion or plain old CSS but problem is all of these options needs us to write a ton of code and define all animation timing and stuff we are going to skip all of those today and use Autoanimate to do the animation for us.

I really don't understand the point of showing who have starred the project. When I open a link that ends with /stargazers, I immediately click the project name to navigate to the home page. But since I have seen too many of these, I want to ask why, maybe there's some considerations I don't know.

(Just met two "stargazer" links in the past 30 minutes: https://github.com/formkit/auto-animate/stargazers , https://github.com/payloadcms/payload/stargazers)

AutoAnimate – Add motion to web apps with a single line of code\ (31 comments)