BuzzForm

Overview

BuzzForm, from BuildnBuzz, is a schema-driven form library for shadcn/ui apps. Forms are defined as a TypeScript schema with defineSchema, and the Form component renders the fields, validation and state from it, with no JSX per field. Validation uses auto-generated Zod schemas with full type inference.

The field components are installed through the shadcn registry, which serves 48 items for BuzzForm v2, built on @buildnbuzz/form-react and TanStack Form. A visual drag-and-drop builder lets developers assemble forms with a live preview and export the code.

Features

• Schema-driven forms: Define the entire form structure as configuration.
• Type-safe validation: Zod schemas generated from the form definition, with TypeScript inference.
• Conditional logic: Show, hide or disable fields based on other values.
• 17+ field types: Text, email, password with strength UI and generator, number, select and multi-select, checkbox groups, switch, radio, date and datetime, tags and file upload.
• Layouts: Rows, groups with card or collapsible variants, collapsibles, tabs and repeatable arrays with drag-and-drop sorting.
• Upload variants: Dropzone, avatar, gallery and inline file upload.
• Custom fields: Any field can be replaced with a custom component.
• Form builder: A drag-and-drop editor that exports clean code.

Tech stack

• React, TypeScript, shadcn/ui
• TanStack Form, Zod
• dnd-kit, date-fns, Base UI

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @buzzform/component-name