Formwerk
@formwerk.dev
The Vue.js 🖖 framework for building tailored, accessible, and high-quality forms 📋 with full control and flexibility 🎨
🚀 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...
✅ 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...
July 5, 2025 at 10:41 PM
🚀 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...
✅ 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...
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...
Animating date segment changes with @barvian.me's excellent NumberFlow for @vuejs.org
🔗👇
stackblitz.com/edit/formwer...
March 23, 2025 at 12:57 PM
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...
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...
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...
March 16, 2025 at 8:17 PM
🚀 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...
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...
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...
March 10, 2025 at 11:51 PM
🚀 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...
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...
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! 🎉
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! 🎉
February 23, 2025 at 3:12 PM
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! 🎉
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! 🎉
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...
🫵 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...
February 20, 2025 at 8:11 PM
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...
🫵 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...
🚀 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: 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...
February 8, 2025 at 6:30 PM
🚀 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: 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...
🚀 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
✨ 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
January 19, 2025 at 10:26 AM
🚀 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
✨ 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 📚
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 📚
January 17, 2025 at 8:03 PM
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 📚
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 📚
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...
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...
December 30, 2024 at 9:56 AM
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...
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 🔗👇
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 🔗👇
December 29, 2024 at 11:42 AM
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 🔗👇
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 👇🔗
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 👇🔗
December 26, 2024 at 1:52 PM
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 👇🔗
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
⚙️ 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
December 23, 2024 at 1:22 PM
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
⚙️ 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