Formwerk

@formwerk.dev

The Vue.js 🖖 framework for building tailored, accessible, and high-quality forms 📋 with full control and flexibility 🎨

We’ve been awfully quiet 🤫 but only because we’ve been step-ping things up 🪜 A new Formwerk release is on the way 🚀 Can you guess what’s flowing in? 👀

Shipping on a Sunday? 😬 v0.8.2 is out with fixes & tweaks, but the big news... 🚀 Formwerk now has a @vuejs.org devtools plugin! 🎉 Just use any field or form composable and it will pop into your devtools! It’s still an early release—excited to make this a great core DX! 🎉

🚀 New Release to tidy some things up! ✨ New: getError, getValue, getErrors now available on form groups. 💥 Breaking: isValid, isTouched, isDirty are now methods. 🐞 Fixes: Improved dirty state tracking performance and reliability. 🔗 For more info github.com/formwerkjs/f...

New Release: "Formwerk 0.7.0"

As soon as Standard schemas popped up, we made the switch early on. The potential was too great to ignore 🤯 Resolver-based API is NOT developer friendly, and it encourages vendor lock-in 🔒 We are extremely happy to be of its early adopters, and we hope to help shape it for better forms DX 🙌 🚀

Colin McDonnell 💎 Zod@colinhacks.com · 2y ago

BIG DAY 😇 Introducing Standard Schema! It’s a specification for a standard interface to be implemented by TypeScript schema libraries. The goal is to make it easier for frameworks and tools to accept user-defined schemas, without writing separate adapters for different libraries. standardschema.dev

New Release: v0.6.3 🚀 🐞 Fixed a bug 🐞 ✅ FormGroup validation not triggering parent form schema. ✨ A couple of improvements ✨ 🪺 You can now nest form groups. 🌳 `setFieldTouch` now sets nested paths touched state. We thank all the contributors! 🤝 github.com/formwerkjs/f...

Release v0.6.3 · formwerkjs/formwerk

🚀 Features Allow nesting form groups  -  by @genu in #111 (a33b3)    🐞 Bug Fixes Add group awareness, when using form actions.  -  by @genu in #109 (272ad) Propagate validation upwards in nes...

github.com

Just merged! Comboboxes! Accessible ✅ All the keyboard shortcuts ✅ Filters stuff ✅ Only 3 Lines of Script to build your own ✅🤯 Coming up in v0.6, we just need to write some docs 📚

Another showcase! 👀 Is it a form input? Maybe 🤔 Is it a component you will use? Unlikely 🤷‍♂️ Is there a better way to build it? Perhaps 🙂‍↕️ But, could you build it with Formwerk? Definitely! 💯 Using `useSlider` 🎚️ you only need to worry about styling your HTML. Link in first reply 🔗👇

Hey You 🫵 Did you know that you can use `useNumberField` with @barvian.me's Number Flow to build beautifully animated number fields? 🥹 You also get i18n and a11y support out of the box! what's not to like? 🔥 Link is in the first reply 👇🔗