Zapp! is an online Flutter sandbox environment running directly in the browser. Zapp! enables developers to quickly prototype Flutter applications without the requirement of a local environment.

Markdown contains an unknown component which could not be rendered:

<Zapp />

Features

Below is a list of the main features of Zapp!

Markdown contains an unknown component which could not be rendered:

<Grid />

Getting Started

To get started, head over to Choosing a template.

export const Grid = (props) => { return ( <div style={{ display: "grid", gridTemplateColumns: "repeat(2, 1fr)", gap: "1rem", }} > {props.children} ); };

export const Feature = (props) => { return ( <a href={props.href} className="not-prose border dark:border-zinc-800" style={{ display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", padding: "2rem", borderRadius: "16px", textDecoration: "none", color: "inherit", textAlign: "center", }} > <h3 style={{ marginBottom: "1rem", fontSize: "17px", fontWeight: "bold", }} > {props.title} <p style={{ fontSize: "14px", fontWeight: "normal", }} > {props.description}

); };