React & Next.js
@usefillo/react
Render a published form or keep the schema in JSX. Start with accessible defaults, then replace any field or the full layout.
For product engineers
Install the renderer and keep the route, components, and product context in your app. Fillo maintains the schema, validation, uploads, response records, and delivery behind it.
"use client";
import { createClient, Fillo } from "@usefillo/react";
import "@usefillo/react/styles.css";
const fillo = createClient({
key: process.env.NEXT_PUBLIC_FILLO_KEY!,
});
export function SupportForm() {
return (
<Fillo.Form id="support" client={fillo}>
<Fillo.Email id="email" label="Work email" required />
<Fillo.Phone id="phone" label="Phone" />
<Fillo.Rating id="urgency" label="How urgent?" />
</Fillo.Form>
);
}The boundary
Fillo is useful when the form belongs inside your product, but rebuilding the backend and admin workflow for every form does not.
One contract, end to end
The same definition stays connected from the component your user sees to the response your team acts on.
01
Use JSX, the visual editor, the CLI, or your coding agent. One schema becomes the contract.
02
React or DOM controls mount on your route as native elements. Your CSS stays in charge.
03
Fillo validates the answers, uploads files, and attaches the product context you pass in.
04
Review the response, export it, or deliver it through a signed webhook or integration.
Choose your surface
React & Next.js
Render a published form or keep the schema in JSX. Start with accessible defaults, then replace any field or the full layout.
Vue, Svelte, Astro & plain HTML
Mount the same form with a small DOM renderer, a custom element, or a standalone browser bundle.
Claude Code, Codex & other agents
Give your coding agent the canonical Fillo instructions. It can scaffold, preview, stage, and publish against the real product.
Reference
Human-readable guides live beside OpenAPI, Markdown, and agent context. You should not have to reverse-engineer the product before you can integrate it.
Machine-readable context for tools and coding agents.
No sales call required
Start with the React quickstart, or open a guest draft in the browser. You can try the real hosted product without a payment card.