← Back to Petal
Web apps
Ship a full web app on your domain.
React + Tailwind + a typed backend, wired end-to-end.
Petal writes production React with Tailwind, generates a typed backend, wires auth, database, storage and payments, and hands you a live URL — all from one chat.
< 90s
First live URL
100%
Real React code
0
Config files to write
Typed React + Tailwind
Component library, semantic tokens, dark mode — real code, no page builder.
Backend included
Postgres, RLS, storage, auth, edge functions — all provisioned automatically.
Live on your domain
Preview URL out of the box, custom domain in a click.
Real code, not a mock
You own every line Petal writes.
No lock-in, no proprietary DSL. Petal writes production code you can read, edit, extend, and export at any time. Here's a taste of what lands in your project.
tsx
// generated by Petal — src/routes/boards.$id.tsx
export const Route = createFileRoute("/boards/$id")({
loader: ({ params, context }) =>
context.queryClient.ensureQueryData(boardQuery(params.id)),
component: BoardPage,
});Try web apps now
