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 Screens 2 /forms-studio/forms [New tab](https://agentic-ui-kit.com/forms-studio/forms)[Try a theme](https://agentic-ui-kit.com/themes) ## 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](https://agentic-ui-kit.com/docs#start-from-blueprint). ## Components it uses - [App Shell Forms Studio Shell](https://agentic-ui-kit.com/components/forms-studio-shell) - [Forms List Forms Studio Forms](https://agentic-ui-kit.com/components/forms-studio-forms) - [Builder Forms Studio Builder](https://agentic-ui-kit.com/components/forms-studio-builder) - [Color Input Form Color Picker](https://agentic-ui-kit.com/components/form-color-picker) - [Logic Editor Forms Studio Logic](https://agentic-ui-kit.com/components/forms-studio-logic) - [Share Forms Studio Share](https://agentic-ui-kit.com/components/forms-studio-share) - [Responses Forms Studio Responses](https://agentic-ui-kit.com/components/forms-studio-responses) - [Bulk Actions Data Bulk Action Bar](https://agentic-ui-kit.com/components/data-bulk-action-bar) - [Column Controls Data Table Column Controls](https://agentic-ui-kit.com/components/data-table-column-controls) - [Insights Forms Studio Insights](https://agentic-ui-kit.com/components/forms-studio-insights) - [Funnel Chart Chart Funnel Conversion](https://agentic-ui-kit.com/components/chart-funnel-conversion) - [Public Form Forms Studio Public Form](https://agentic-ui-kit.com/components/forms-studio-public-form) - [Rating Input Form Rating Input](https://agentic-ui-kit.com/components/form-rating-input) - [Signature Input Form Signature Pad](https://agentic-ui-kit.com/components/form-signature-pad) - [Thank You Burst Motion Confetti Success](https://agentic-ui-kit.com/components/motion-confetti-success) - [Templates Forms Studio Templates](https://agentic-ui-kit.com/components/forms-studio-templates)