@formwerk.dev.bsky.social
The Vue.js 🖖 framework for building tailored, accessible, and high-quality forms 📋 with full control and flexibility 🎨
New Release: Formwerk 0.11.0
🚀 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...
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...
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...
New release: Formwerk 0.10.0
🚀 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...
New release: Formwerk 0.9.0
🚀 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
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
14.02.2025 08:52 — 👍 3 🔁 1 💬 0 📌 0
New Release, Formwerk 0.8.0
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...
New Release: "Formwerk 0.7.0"
🚀 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 🙌
30.01.2025 14:27 — 👍 3 🔁 1 💬 0 📌 0As 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 🙌 🚀
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...
A splash image that reads "New Release, Formwerk, 0.6"
🚀 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...
🛠️ 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/
A splash screen that reads "Formwerk v0.5.0" with "formwerk.dev" link underneath.
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...
📻 FM Radio Slider 📻
stackblitz.com/edit/formwer...
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 🔗👇
Playground link 🔗
formwerk.dev/showcase/
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 👇🔗
A splash screen that reads "Introducing ... Formwerk, Uncompromising Flexibility for Vue.js Forms"
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
