@usefillo/react

@usefillo/react

Headless React components and hooks for embedding Fillo forms natively inside your product — rendered in your own DOM, with your styles, on your route. No iframe.

📚 Full documentation → fillo.so/docs

npm i @usefillo/react

react and react-dom (18 or 19) are peer dependencies.

import { FilloForm, createClient } from "@usefillo/react";
import "@usefillo/react/styles.css"; // optional default theme — or bring your own

const client = createClient({ baseUrl: "https://fillo.so" });

export function Feedback() {
  return <FilloForm client={client} formId="cust-feedback" onSubmitted={(r) => confetti()} />;
}

Every part is replaceable. Pass your own field components, theme the form via the theme prop, or drop down to the hooks and own the entire render:

• <FilloForm> / <FilloProvider> — render a form, or wrap your own layout
• useFillo() / useField() — build a fully custom UI against form state
• useFilloController() — headless controller for total control
• FormField / BlockRenderer — render individual blocks
• defineForm() — author a form in code and sync it to your workspace on first run

This package re-exports the embedding surface from @usefillo/core (createClient, FormSchema, FormTheme, …) so a single import is usually enough.

Links

• Docs: fillo.so/docs
• Website: fillo.so

MIT licensed.