Svelte Form Builder

A dynamic form-building tool that allows users to create, customize, and validate forms seamlessly within web applications. Built with Sveltekit, ZOD, Valibot Superform-Sveltekit, Form Builder provides an intuitive interface for developers and users alike.

Features

• Dynamic Form Creation: Easily create forms with various input types including text, checkbox, radio buttons, and more.
• Form validations using Sveltekit Superforms
• Client & Server side validaitons.
• Real-Time Validation: Validate user inputs using the Zod library, ensuring data integrity and user-friendly feedback.
• Customizable Components: Leverage ShadCN-Svelte components for a consistent and modern UI experience.

New Features

Form	Desc
Valibot Validation	Real-time validation using Valibor library.
Templates	Includes login, register, forgot-password, reset-password, contact form templates
Password Input	Password input with show/hide password feature

Live Demo

Check out the live demo of the Form Builder here.

Usage

1. Simply select inputs from the list, can reorder them by dragging.
2. Copy Zod Schema and paste it in your Sveltekit project.
3. Copy Client and Server side Code and paste it in your Sveltekit project.

Yeep Done! 🚀

Components

1. Password Input : Visit

Future Development

Here are some of the features that are in the pipeline. you can also suggest features by creating an issue.