A powerful, Notion-like nested block form builder for React. Build dynamic, multi-step forms with validation, conditional logic, and API integrations using declarative JSON.
Compose forms like Notion - blocks within blocks, infinitely nestable
Define entire forms using declarative JSON configuration
Multi-step forms with conditional navigation and validation
Field-level validation with custom rules and error messages
Handle form events with composable actions and triggers
Built-in service calling and response handling
Encrypted secrets for tokens, passwords, and sensitive data
Create custom blocks with simple component API
Full type safety and autocomplete included
import FormBuilderV3 from '@seanblock/form-builder';
const config = {
id: "contact-form",
type: "form",
initialPage: "page1",
pages: {
page1: {
id: "page1",
blockType: "PageBlock",
blocks: [
{
id: "name",
blockType: "InputBlock",
metadata: {
label: "Your Name",
contextPath: "user.name"
}
}
]
}
}
};
export default function MyForm() {
return <FormBuilderV3 config={config} context={{}} />;
}Multi-step wizard with validation, conditional logic, and sidebar navigation
Dynamic URL construction with template placeholders and conditional rendering
Real API integration with loading states and response handling