Skip to content
Agentic UI Kit
Buy

Blueprint

Forms Studio

Typeform and Tally style form and survey builder for a team that collects answers: a forms list with status and response counts; a drag-and-drop builder with a field palette, a sortable canvas and a field settings inspector for ten question types (text, email, number, single and multiple choice, rating, date, file, signature, matrix); a conditional logic editor with show, hide and jump rules and a tester; a share page with link, embed code and an in-house QR code; a responses table with filters, column controls, bulk actions and CSV export; insights with per-question charts, a completion funnel and drop-off; a public renderer with one question per step and a classic layout; and a template gallery.

Screens
2
Framework
Next.js App Router · React 19 · Tailwind CSS 4 · shadcn/ui
Variants
Radix UI and Base UI
Install
One command, every screen
New tab Try a theme

What is implemented

  • The App Router routes above, each composed from catalog components. Interactive UI states such as menus, dialogs, filters and tabs work as in the viewer.
  • Sample data that ships with each component, so the screens render without a backend.
  • Light and dark themes.

What you supply

  • Your data: API routes or a backend in place of the sample data. No backend is included.
  • Authentication and authorization.
  • Persistence: database, file storage and any server-side state.
  • Business rules and server-side validation.

Install

Radix UI project
npx shadcn@4.17.0 add @agentic-ui/blueprint-forms-studio
Checked: installs and builds in a clean Next.js project.
Base UI project
npx shadcn@4.17.0 add @agentic-ui/blueprint-forms-studio
Checked: installs and builds in a clean Next.js project.

Your project must be connected to the private registry first: installation guide.

Components it uses