Skip to content

Included features and Vueform Builder target

This page is the functional reference used to guide QForm Builder evolution compared with Vueform Builder.

Product goal: evolve QForm Builder until it provides at least the same families of options as Vueform Builder, while staying aligned with our stack: Nuxt 4 layer, Vue 3, Quasar 2, Pinia, FormKit, then natural integration into NFZ Studio.

Status legend

StatusMeaning
IncludedAvailable in Community.
PartialAvailable but not yet complete.
TargetPlanned for Pro, Studio or future module.

Current feature summary

FormBuilder

FeatureStatus
Visual builder componentIncluded
Multi-instance supportIncluded
v-model:schema and v-model:valuesIncluded
AutosaveIncluded
Drag-and-dropIncluded
Field settings panelsIncluded
Basic conditionsPartial
Steps/pagesPartial
Advanced validationTarget
Theme builderTarget
Custom elements registryTarget

FormViewer

FeatureStatus
Runtime schema renderingIncluded
v-model valuesIncluded
Submit eventIncluded
Read-only renderingIncluded
Public form workflowPartial

Target comparison with Vueform Builder

Feature familyQForm CommunityTarget
Embeddable componentIncludedKeep stable
Drag-and-dropIncludedImprove UX
JSON exportIncludedKeep stable
Database persistenceExternalNFZ Studio integration
Runtime rendererIncludedImprove public workflow
Pages/stepsPartialComplete
ConditionsPartialAdvanced AND/OR groups
Tree viewPartialComplete
Device previewPartialComplete
ValidationPartialZod + async validation
HistoryPartialVisual history panel
ThemingPartialTheme builder
i18nPartialFull locale packs
Custom elementsTargetPro extension API
Custom config panelsTargetPro extension API

Current catalog details

Interactive fields

txt
input
select
checkbox
button toggle
date
date range
multiple dates
datetime
editor
file
slider
range

Static elements

txt
text
separator
button

Structures

txt
stepper
columns
layout options

Existing configurable options

txt
label
name
placeholder
help
validation
conditions
columns
options
readonly
disabled

Minimum parity roadmap

Phase 1 — Stabilize the public contract

  • npm layer;
  • clean typecheck;
  • documentation;
  • GitHub Pages;
  • multi-instance support.

Phase 2 — Reach the Vueform Builder foundation

  • advanced field tree;
  • richer validation;
  • full pages/steps workflow;
  • complete device preview;
  • custom elements and panels.

Phase 3 — Go beyond Vueform Builder in the NFZ ecosystem

  • generate forms from NFZ services;
  • generate CRUD pages;
  • Zod integration;
  • Feathers/NFZ persistence;
  • AI-assisted form generation.

Success criterion

QForm Builder should become a Nuxt-native form builder that matches Vueform Builder's main product families while offering stronger integration with Nuxt 4, Quasar, Feathers, Zod and NFZ Studio.

QForm Builder — reusable Nuxt 4 / Quasar / FormKit layer.