Quick Start
Get a form running in under 2 minutes.
Quick Start
Get BuzzForm running in your project in 3 simple steps.
This guide assumes you have a React project with shadcn/ui already set up.
Step 1: Install BuzzForm
Run the starter command to install all BuzzForm components and dependencies:
pnpm dlx shadcn@latest add https://form.buildnbuzz.com/r/starter.jsonRadix UI Users: If your project uses traditional Radix UI primitives
(standard in shadcn/ui), you may need to manually update the Select
component to use asChild instead of render. See the fix
here.
Step 2: Add the Provider
Wrap your app with BuzzFormProvider in your root layout:
import { BuzzFormProvider } from "@/components/buzzform/provider";
export default function RootLayout({ children }) {
return (
<html>
<body>
<BuzzFormProvider>{children}</BuzzFormProvider>
</body>
</html>
);
}Step 3: Try a Form
Install a ready-made signup form to see BuzzForm in action:
pnpm dlx shadcn@latest add https://form.buildnbuzz.com/r/signup-form.jsonUse it in any page:
import { SignUpForm } from "@/components/buzzform/signup";
export default function Page() {
return <SignUpForm />;
}That's it! You now have a working form with validation, password generation, and more.