✅ 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...
A new Formwerk release is on the way 🚀
Can you guess what’s flowing in? 👀
A new Formwerk release is on the way 🚀
Can you guess what’s flowing in? 👀
🔗👇 Changelog
github.com/formwerkjs/f...
🔗👇 Changelog
github.com/formwerkjs/f...
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...
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...
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...
Dive into a library for Vue.js that simplifies form creation while ensuring accessibility and internationalization with its creator, <a href="https://bsky.app/profile/did:plc:jeogp75rez3vvxqgr6seyp5j" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky-mention">@awad.dev. 🚀
https://youtu.be/vgCIZEGpgDU
Dive into a library for Vue.js that simplifies form creation while ensuring accessibility and internationalization with its creator, <a href="https://bsky.app/profile/did:plc:jeogp75rez3vvxqgr6seyp5j" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky-mention">@awad.dev. 🚀
https://youtu.be/vgCIZEGpgDU
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! 🎉
🫵 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...
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...
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: 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...
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 🙌 🚀
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
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 🙌 🚀
🐞 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...
🐞 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...
✨ 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
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 📚
We will be adding to it based on your feedback and needs as the project evolves ↗
github.com/orgs/formwer...
We will be adding to it based on your feedback and needs as the project evolves ↗
github.com/orgs/formwer...
👉🏻 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 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/
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...
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 🔗👇
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 👇🔗
⚙️ 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