Svelte Form Builder

A modern, drag-and-drop form builder built with Svelte 5

[!IMPORTANT] This project is currently under active development. Many things may change as I continue to improve the form builder.

Quick Start

Installation

1. Clone the repository

   git clone https://github.com/moalamri/svelte-form-builder.git
   cd svelte-form-builder
   

2. Install dependencies

   npm install
   

3. Start the development server

   npm run dev
   

4. Open your browser Navigate to http://localhost:5173

Elements

Form Fields

• Text Input
• Checkbox
• Radio Buttons
• Textarea

UI Elements

• Title
• Divider

Containers (soon)

• Group elements together

Testing

This project includes testing with Playwright:

# Run all tests
npm run test

# Run tests with UI
npm run test:ui

# View test report
npm run test:report

License

This project is licensed under the MIT License - see the LICENSE file for details.