form-builder

A dynamic form-building tool built with SvelteKit that enables users to create, customize, and validate forms seamlessly within web applications. It integrates with [ZOD](https://zod.dev fa-solid fa-up-right-from-square) and [Valibot](https://valibot.dev fa-solid fa-up-right-from-square) for schema validation, and leverages [Sveltekit-Superform](https://superforms.rocks fa-solid fa-up-right-from-square) for form handling.

Key Features:

• Dynamic Form Creation: Supports various input types (text, checkbox, radio buttons, etc.) with drag-and-drop reordering.
• Validation: Client & server-side validation using Sveltekit Superforms.
• Customizable Components: Includes pre-built components like:
  • [Password Input](https://github.com/SikandarJODD/form-builder/blob/master/src/lib/components/templates/comps/PasswordInput.svelte fa-solid fa-up-right-from-square)
  • [Location Input](https://svelte-form-builder.vercel.app/docs/components/location-input fa-solid fa-up-right-from-square)

Target Audience:

Developers building SvelteKit applications who need a flexible, validation-ready form builder with modern UI components.

Live Demo:

Available [here](https://svelte-form-builder.vercel.app fa-solid fa-up-right-from-square).

Workflow:

1. Select and arrange inputs via UI
2. Copy generated Schema and SvelteKit code snippets
3. Integrate directly into projects

License:

MIT - Open source with community contributions.