🚀 It took some time but Formwerk v0.11.0 now has multi-step forms! ✅ Linear/Non-linear flows ✅ Step-level validation ✅ Accessible next/prev controls ✅ Custom step names ✅ Step Navigation API 🔗 Get started formwerk.dev/guides/forms... 🔗 Release notes github.com/formwerkjs/f...
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? 👀
Formwerk v0.10.4 is out 🔥 with a couple of minor bug 🐞 fixes around validation and mass setting form values. 🔗👇 Changelog github.com/formwerkjs/f...
Release v0.10.4 · formwerkjs/formwerk
🐞 Bug Fixes Overwrite top-level keys when mass setting values #164 - by @logaretm in #167 and #164 (016a8) validation: Properly combine validation sources - by @logaretm in #168 (15b54) ...
github.com
New showcase featuring the time and date fields 🔥👀 Animating date segment changes with @barvian.me's excellent NumberFlow for @vuejs.org 🔗👇 stackblitz.com/edit/formwer...
🚀 Formwerk v0.10.0 is out 🔥 Introducing the Time 🕗 and File 📁 fields! The file fields come with a11y, validation ✅, upload interface 🆙, dropzone, and file preview out of the box 😲 Your feedback is massively appreciated 🙏 📚 Docs formwerk.dev 🔗 Release notes github.com/formwerkjs/f...
🚀 Formwerk v0.9.0: Introducing the OTP field 🔢 Now you can easily build accessible, flexible, and fully interactive OTP fields for @vuejs.org ! With validation, masking, prefixes, and full keyboard navigation with auto-submit, and much more. 📚 Check it out now formwerk.dev/guides/field...
During #VueJsNation25, @formwerk.dev was introduced to the public for the first time! Dive into a library for Vue.js that simplifies form creation while ensuring accessibility and internationalization with its creator, @awad.dev. 🚀 https://youtu.be/vgCIZEGpgDU
Vue.js Nation 2025: Abdelrahman Awad - Form and Function with Formwerk
Abdelrahman Awad introduces Formwerk, a library for Vue.js that simplifies form creation while ensuring accessibility and internationalization.In this talk, ...
youtu.be
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! 🎉
. @formwerk.dev is a framework to help you build accessible, high-quality forms #madewithvuejs ⚙️ - https://madewithvuejs.com/formwerk
We've just released v0.8.0 with a couple of new fields 🔥🚀 🫵 You can now build custom date field and calendar components and pair them to create a date picker field 📆 📚 Check the docs for examples: formwerk.dev/guides/field... 🔗 Changelog: github.com/formwerkjs/f...
If you missed my talk @vuejsnation.com, you can now watch it on @vueschool.io's YouTube! 🎥👀 I showcased @formwerk.dev and our unique UI-less approach to high quality forms with a true focus on i18n and a great care on accessibility ✨ www.youtube.com/watch?v=vgCI...
Vue.js Nation 2025: Abdelrahman Awad - Form and Function with Formwerk
YouTube video by Vue School
youtube.com
🚀 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...
Don’t miss it 🔥 we have been prepping for it for some time now 🙌
[10/11] @awad.dev (Abdelrahman Awad) dives into creating perfect forms with Formwerk, focusing on accessibility and internationalization. 💚
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 🙌 🚀
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
🚀 Big news! Formwerk v0.6.0 is here! 🎉 ✨ New composables: `useComboBox`: Build comboboxes w/ filtering! `useCustomField`: Wrap custom/non-standard form controls. ⚠️ Breaking change in selects 📝 Full notes: github.com/formwerkjs/f... 📚 Docs: formwerk.dev
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 📚
Our Roadmap is now live! If you are interested in an issue, chime in and contribute 🙌 We will be adding to it based on your feedback and needs as the project evolves ↗ github.com/orgs/formwer...
Roadmap • formwerkjs
This project helps us stay on track by documenting key milestones and major tasks that will shape the future of Formwerk.
github.com
🛠️ Formwerk 👉🏻 A suite of @vuejs.org composables designed to enhance your forms with built-in behaviors, interactions, internationalization, and accessibility, seamlessly integrating with your markup and styles. https://formwerk.dev/
New release! v0.5.0 🔥🎉 Did you want to show errors only on submit? 🤔 Or maybe show some UI after a successful submit? 🥳 Or disable UI when the user submits too much? ♾️ All that and more in v0.5.0 🔗👇 github.com/formwerkjs/f...
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 👇🔗
Hello World! this is Formwerk! A new uncompromising way of Building high-quality forms with @vuejs.org! ⚙️ Headless Composables with 0 UI ♿ Accessibility-First 🌐 i18n-ready ✅ Schema Validation 🧳And much more Learn more at 📚 formwerk.dev Give us a star ⭐️🤩 github.com/formwerkjs/formwerk