Formwerk

Formwerk

@formwerk.dev

The Vue.js πŸ–– framework for building tailored, accessible, and high-quality forms πŸ“‹ with full control and flexibility 🎨

56 followers8 following21 posts

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

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

youtu.beVue.js Nation 2025: Abdelrahman Awad - Form and Function with FormwerkAbdelrahman Awad introduces Formwerk, a library for Vue.js that simplifies form creation while ensuring accessibility and internationalization.In this talk, ...

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

πŸš€ 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 πŸ™Œ

Vue.js Nation@vuejsnation.com

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

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

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

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

You are up to date.