Changelog

• Schema library — choose Zod, Valibot, or ArkType for the generated validation schema. It works with either form library (React Hook Form or TanStack Form), and the matching resolver is wired up automatically.
• Consistent validation — required fields, length and number bounds, email and URL formats, and date rules generate the same way across all three libraries.

• Expand field — click the expand icon on any field to open its settings in a roomier dialog, with more space for editing complex fields like select and combobox. Close it to return to the side panel.

• Option grouping — turn on "Group options" for a select or combobox to organize its choices under labeled headings.
• Drag-and-drop — reorder groups, reorder options within a group, and drag options from one group to another.

In the code view, the file tabs have a cleaner look and now animate as you switch, making it easier to see which file you're viewing.

• Date picker field — add a date field with single-date or range selection, optional month and year dropdowns, min/max bounds, and switches to disable past dates or weekends. Generates code for both React Hook Form and TanStack Form.
• Multi-file code output — generated code can now span multiple files, so reusable pieces like a PasswordInput come out as their own components instead of being inlined.
• Field visibility toggle — hide a field from the form without deleting it, then bring it back whenever you need it.

• Password field — a dedicated password input with a show / hide toggle.
• Refreshed branding — a new logo, favicons, and navigation across the app.

• Choose your form library — generate code for React Hook Form or TanStack Form. The preview and the generated code follow your pick.
• New landing page — a redesigned home page with an interactive builder you can try right away, no setup required.

• Combobox field — a searchable dropdown for when a plain select has too many options.
• Clear-form confirmation — clearing your form now asks first, so you can't wipe your work by accident.
• Tab icons — the Preview and Code tabs are easier to tell apart at a glance.

• Slider field — let users pick a value within a configurable range, with support for a default starting value.

• Number field — capture numeric input with validation built for numbers.
• Min / max validation — set lower and upper bounds on number and text fields.
• Default values — give any field a pre-filled starting value.

• Presets — kick off your form from ready-made templates with a new Fields / Presets tab in the editor.
• Radio group orientation — arrange radio options horizontally or vertically, just like checkbox groups.

• Checkbox group field — let users pick several options at once, with a choice of horizontal or vertical layout.
• Description placement — show a field's helper text either above or below the input to match your design.

The first release of FormCanvas is here. Design forms in a visual editor and get clean, copy-paste-ready code on the other side — no boilerplate.

• Drag-and-drop builder — add fields, reorder them, and shape your form on a three-panel canvas.
• Live preview — see exactly how your form looks and behaves as you build it.
• Instant code generation — every change produces ready-to-use React + Zod code you can drop straight into your project.
• Essential field types out of the box, each with labels, descriptions, and validation.