Drag fields onto a canvas, configure them visually, click Export. Get a working SvelteKit route with Superforms + Zod — ready to commit.
import { z } from 'zod';
export const contactFormSchema = z.object({
name: z.string().min(2, 'Name must be at least 2 characters'),
email: z.string().email('Please enter a valid email'),
message: z.string().min(10).max(500),
subscribe: z.boolean().default(false),
});
export type ContactFormSchema = typeof contactFormSchema;Generated from a 4-field contact form — zero boilerplate written by hand
Text, email, password, number, textarea, select, radio, checkbox, date, file upload, and more.
Generates idiomatic SvelteKit code with Superforms validation, Zod schemas, and server actions.
Everything runs in your browser. Your forms are saved locally. Export as zip or copy code.
Intuitive builder with live preview. Reorder fields, configure validation, set layouts visually.
Type-safe schemas generated automatically. Required, min/max, patterns, custom error messages.
Contact, signup, login, newsletter, survey — pick a template and export in under 60 seconds.
Read the integration guide or see how validation works.
SvelteForms is a free, open-source Svelte form generator that outputs production-ready code. Unlike hosted form services, nothing goes through our servers — you get the source code and own it completely.
Every export from the SvelteKit form builder produces a complete route folder you can drop into any SvelteKit project:
schema.ts — A Zod validation schema with type exports. Works with Superforms v2 and can be reused in API routes, other forms, or anywhere you need the same validation rules.+page.server.ts — A SvelteKit server action using Superforms' superValidate for server-side validation, with fail() error handling and message() success responses.+page.svelte — A Svelte 5 component using superForm with client-side Zod validation, reactive error display, and a submit button with loading state.README.md — Setup instructions including dependency installation and integration steps.The generated code requires SvelteKit 2, Superforms v2, Svelte 5, and Zod 3. All Tailwind CSS classes use standard utilities — swap them for your own design system.
Pick from 13 field types and drop them onto the canvas.
See your form rendered in real-time. Toggle themes and layouts.
Download a complete SvelteKit route folder with schema, component, and server action.
Free forever. No signup. No tracking cookies.
Start Building Now