Advertisement Β· 728 Γ— 90

Posts by Formwerk

New Release: Formwerk 0.11.0

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...

9 months ago 2 1 0 0

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? πŸ‘€

10 months ago 3 0 0 0
Preview
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)   ...

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...

1 year ago 1 1 0 0
Video

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...

1 year ago 4 0 0 1
New release: Formwerk 0.10.0

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...

1 year ago 4 0 0 1
New release: Formwerk 0.9.0

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...

1 year ago 3 1 0 0
Vue.js Nation 2025: Abdelrahman Awad - Form and Function with Formwerk
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, ...

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

1 year ago 2 2 0 0
Advertisement
Video

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! πŸŽ‰

1 year ago 7 1 0 0
Post image

. @formwerk.dev is a framework to help you build accessible, high-quality forms #madewithvuejs βš™οΈ - https://madewithvuejs.com/formwerk

1 year ago 3 1 0 0
New Release, Formwerk 0.8.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...

1 year ago 4 1 0 0
Vue.js Nation 2025: Abdelrahman Awad - Form and Function with Formwerk
Vue.js Nation 2025: Abdelrahman Awad - Form and Function with Formwerk YouTube video by Vue School

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...

1 year ago 7 1 0 0
New Release: "Formwerk 0.7.0"

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...

1 year ago 6 1 0 0

Don’t miss it πŸ”₯ we have been prepping for it for some time now πŸ™Œ

1 year ago 3 1 0 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 πŸ™Œ πŸš€

1 year ago 3 1 0 0
Advertisement
Preview
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...

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...

1 year ago 5 1 0 0
A splash image that reads "New Release, Formwerk, 0.6"

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

1 year ago 6 1 0 0
Video

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 πŸ“š

1 year ago 2 0 0 1
Preview
Roadmap β€’ formwerkjs This project helps us stay on track by documenting key milestones and major tasks that will shape the future of Formwerk.

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...

1 year ago 3 1 0 0

πŸ› οΈ 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/

1 year ago 5 3 0 0
A splash screen that reads "Formwerk v0.5.0" with "formwerk.dev" link underneath.

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...

1 year ago 8 1 0 1
Preview
SliderFM - StackBlitz Slider that looks like an FM radio, built with Formwerk

πŸ“» FM Radio Slider πŸ“»

stackblitz.com/edit/formwer...

1 year ago 0 0 0 0
Advertisement
Video

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 πŸ”—πŸ‘‡

1 year ago 3 0 1 1
Showcase A showcase of Formwerk in the wild, and what the cool kids are building with it.

Playground link πŸ”—

formwerk.dev/showcase/

1 year ago 0 0 0 0
Video

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 πŸ‘‡πŸ”—

1 year ago 6 1 1 1
A splash screen that reads "Introducing ... Formwerk, Uncompromising Flexibility for Vue.js Forms"

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

1 year ago 4 0 0 2