Changelog

New features, improvements, and fixes we've shipped.

  1. Date picker, multi-file output & field visibility

    • 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.
  2. Password field & fresh branding

    • Password field — a dedicated password input with a show / hide toggle.
    • Refreshed branding — a new logo, favicons, and navigation across the app.
  3. TanStack Form support & a new home page

    • 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.
  4. Combobox field & a safer editor

    • 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.
  5. Slider field

    • Slider field — let users pick a value within a configurable range, with support for a default starting value.
  6. Number fields, validation & default values

    • 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.
  7. Form presets

    • 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.
  8. Checkbox groups & description placement

    • 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.
  9. Introducing FormCanvas

    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.