Why we built ki-forms Studio: Real React & Zod without vendor lock-in

Hey Product Hunt! 👋

I built ki-forms because building forms in React is still full of friction. You either spend hours wiring state, validation, and conditional logic by hand, or you end up trapped in hosted platforms that charge monthly per-seat fees and lock schemas inside rigid iframe embeds.

ki-forms Studio turns this into a schema-first, developer-owned workflow:

• Visual Canvas → Real Code: Drag-and-drop fields, inspect the raw JSON schema in real time, and export clean, copy-ready React code.

• Zero Dependencies: The core renderer runs with 0 external dependencies, full TypeScript inference (`InferFormValues`), and companion Zod schema generator support.

• Single Source of Truth: Conditional `showIf` logic with AND/OR group rules—hidden fields automatically skip validation.

• Zero-Backend Submissions: Pipe responses directly to any webhook, Formspree, or generate a 1-click Google Apps Script directly from the studio.

• BYOK AI Schema Generation: Generate schemas from natural language prompts inside the studio canvas (session-only API keys).

Everything is open source under MIT. Test the Studio directly in your browser—no sign-up required: https://kadirulislam.github.io/ki-forms/studio/

I’d love your feedback on the schema design, canvas UX, and what field components or integrations you want to see next!