Playground

For testing Superforms, bug reporting, support questions, or as a start for your project, click on your chosen library to open a SvelteKit project with a basic form in SvelteLab:

Examples

Click to filter by tags:
Example

How to use and reuse forms and input fields in components.

Open example

Example

Group inputs, with radio buttons and checkboxes.

Open example

Example

Group inputs, with a dropdown menu and a multiple select menu.

Open example

Example

Group inputs, with a dropdown menu and checkboxes.

Open example

Example

Single and multiple file upload with client-side validation.

Open example

Example

Array of components with a proxy for date input.

Open example

Example

How to use Superforms with actions on a list of data.

Open example

Example

Single-page application form, no +page.server.ts, calling an external API instead.

Open example

Example

Multi-step form on the client, JS required but nice UX.

Open example

Example

Multi-step form on the server, no JS required but reloads on every step.

Open example

Example

Multi-step form with the Skeleton UI framework.

Open example

Example

Parsing the URL parameters and filtering a list of items.

Open example

Example

How to make a debounced "username available" check.

Open example

Example

A fully functional CRUD backend in 150 lines of code.

Open example

Send a message on Discord if you have an idea of something else that should be included!

Found a typo or an inconsistency? Make a quick correction here!