Project Snapshot
- Type: Open-source Vue 3 package
- Purpose: Schema/config-driven form system for scalable product UIs
- Delivery: Docs + Live Demo + npm package
- Role: Creator & maintainer
- Live Demo: https://jubayer11.github.io/vue-dynamic-form-builder/
Related package:
Vue Dynamic Table Builder
Vue Dynamic Form Builder
Vue Dynamic Form Builder is a reusable form foundation built for Vue 3. I created it to solve a common product problem: complex forms spread across many modules become hard to maintain when every screen re-implements layout rules, field behavior, and UI patterns.
The package provides a configuration-driven approach where forms can be assembled from schema-like definitions while remaining flexible enough for customization — making it suitable for real admin dashboards and SaaS products.
Vue 3 Compatible
Config-driven Forms
Reusable Field System
Custom Variants
Docs + Demo
Published on npm
What it enables
- Consistency at scale: shared UI patterns across many forms/screens.
- Speed: forms assembled quickly using configuration, while keeping clean UX.
- Customization: supports custom styles/variants without rewriting the form system.
- Maintainability: central place to evolve validation rules, layouts, and field behavior.
Key capabilities
- Configuration-driven field definitions
- Custom field styles & variants (shown in demo)
- Reusable components designed for product UI needs
- Documentation-first setup for easy adoption
Where it fits
- SaaS dashboards and internal admin tools
- Apps with many forms and repeated UX patterns
- Teams that want a consistent form foundation
Links
Tech Stack
- Vue 3 • Component-driven architecture • Documentation + Demo • npm publishing