svelte-form-builder Svelte Themes

Svelte Form Builder

Svelte drag and drop form builder, built with Svelte 5

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.

Top categories

Loading Svelte Themes