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:

ArktypeArktype JoiJoi TypeBoxTypeBox ValibotValibot VineJSVineJS Yup ZodZod

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

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

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!