# Prefab

> The generative UI framework that even humans can use.

## Docs

- [Call Handler](https://prefab.prefect.io/docs/actions/call-handler.md): Invoke a developer-registered JavaScript handler from a UI interaction.
- [Call MCP Tool](https://prefab.prefect.io/docs/actions/call-tool.md): Call a server-side tool from a UI interaction.
- [HTTP Fetch](https://prefab.prefect.io/docs/actions/fetch.md): Make HTTP requests directly from the browser.
- [Open File Picker](https://prefab.prefect.io/docs/actions/open-file-picker.md): Open the browser file picker from any clickable element.
- [Open Link](https://prefab.prefect.io/docs/actions/open-link.md): Open a URL from a UI interaction.
- [Request Display Mode](https://prefab.prefect.io/docs/actions/request-display-mode.md): Request a display mode change from the MCP host.
- [Send MCP Message](https://prefab.prefect.io/docs/actions/send-message.md): Send a message to the chat from a UI interaction.
- [Set Interval](https://prefab.prefect.io/docs/actions/set-interval.md): Run actions on a repeating schedule with optional stop conditions.
- [Show Toast](https://prefab.prefect.io/docs/actions/show-toast.md): Display a notification from any UI interaction.
- [Update MCP Context](https://prefab.prefect.io/docs/actions/update-context.md): Silently update the model's context from a UI interaction.
- [Update State](https://prefab.prefect.io/docs/actions/update-state.md): Actions that read and write client-side state — set values, toggle booleans, and manipulate lists, all without server calls.
- [Accordion](https://prefab.prefect.io/docs/components/accordion.md): Collapsible content sections for progressive disclosure.
- [Alert](https://prefab.prefect.io/docs/components/alert.md): Prominent messages for important information, warnings, and errors.
- [AreaChart](https://prefab.prefect.io/docs/components/area-chart.md): Visualize volume and trends with filled regions.
- [Audio](https://prefab.prefect.io/docs/components/audio.md): Play audio files with native HTML5 controls.
- [Badge](https://prefab.prefect.io/docs/components/badge.md): Compact status indicators and labels with semantic color variants.
- [BarChart](https://prefab.prefect.io/docs/components/bar-chart.md): Visualize categorical data with vertical bars.
- [Button](https://prefab.prefect.io/docs/components/button.md): Interactive button component with multiple variants and sizes.
- [Button Group](https://prefab.prefect.io/docs/components/button-group.md): Visually connect related buttons with merged borders.
- [Calendar](https://prefab.prefect.io/docs/components/calendar.md): Date selection calendar with single, multiple, and range modes.
- [Card](https://prefab.prefect.io/docs/components/card.md): Contained surface for grouping related content and actions.
- [Carousel](https://prefab.prefect.io/docs/components/carousel.md): Scrollable container that cycles through children — carousel, reel, or marquee.
- [Checkbox](https://prefab.prefect.io/docs/components/checkbox.md): Checkbox inputs for binary or multiple selections.
- [ChoiceCard](https://prefab.prefect.io/docs/components/choice-card.md): Bordered, clickable card for toggle controls.
- [Code](https://prefab.prefect.io/docs/components/code.md): Display code blocks with optional language annotation.
- [Column](https://prefab.prefect.io/docs/components/column.md): Vertical flex container for stacking children top-to-bottom.
- [Combobox](https://prefab.prefect.io/docs/components/combobox.md): Searchable dropdown for selecting from a list of options.
- [If / Elif / Else](https://prefab.prefect.io/docs/components/conditional.md): Conditionally render components based on expressions.
- [Container](https://prefab.prefect.io/docs/components/container.md): Responsive centered container with built-in padding.
- [Dashboard](https://prefab.prefect.io/docs/components/dashboard-grid.md): Explicit grid placement for dashboard-style layouts with positioned items.
- [DataTable](https://prefab.prefect.io/docs/components/data-table.md): High-level data table with sorting, filtering, and pagination.
- [DatePicker](https://prefab.prefect.io/docs/components/date-picker.md): Popover button that opens a calendar for date selection.
- [Define / Use](https://prefab.prefect.io/docs/components/define-use.md): Create reusable component templates and reference them by name.
- [Dialog](https://prefab.prefect.io/docs/components/dialog.md): Modal overlay with a trigger and content panel.
- [Div & Span](https://prefab.prefect.io/docs/components/div-span.md): Unstyled block and inline containers for custom layouts and inline text.
- [Dot](https://prefab.prefect.io/docs/components/dot.md): Colored indicator dot for status, categories, and legends.
- [DropZone](https://prefab.prefect.io/docs/components/drop-zone.md): Drag-and-drop file upload area.
- [Embed](https://prefab.prefect.io/docs/components/embed.md): Embed external content like videos, maps, and custom HTML/JS in a sandboxed iframe.
- [Field](https://prefab.prefect.io/docs/components/field.md): Composable form field wrapper with validation styling.
- [ForEach](https://prefab.prefect.io/docs/components/foreach.md): Repeat components for each item in a data list.
- [Form](https://prefab.prefect.io/docs/components/form.md): Generate complete forms from Pydantic models with automatic labels, validation, and submission.
- [Grid](https://prefab.prefect.io/docs/components/grid.md): CSS grid container with configurable columns for equal or custom-width layouts.
- [Histogram](https://prefab.prefect.io/docs/components/histogram.md): Visualize the distribution of numeric data with automatic binning.
- [HoverCard](https://prefab.prefect.io/docs/components/hover-card.md): Rich content panel that appears on hover.
- [Icon](https://prefab.prefect.io/docs/components/icon.md): Render any lucide icon by name.
- [Image](https://prefab.prefect.io/docs/components/image.md): Display images with dynamic URLs and dimensions.
- [Input](https://prefab.prefect.io/docs/components/input.md): Text input fields for user data entry.
- [Kbd](https://prefab.prefect.io/docs/components/kbd.md): Keyboard key indicators for displaying shortcuts and hotkeys.
- [Label](https://prefab.prefect.io/docs/components/label.md): Labels identify form inputs and controls.
- [LineChart](https://prefab.prefect.io/docs/components/line-chart.md): Visualize trends with connected data points.
- [Loader](https://prefab.prefect.io/docs/components/loader.md): Animated activity indicators for loading and processing states.
- [Markdown](https://prefab.prefect.io/docs/components/markdown.md): Rendered markdown content with template interpolation.
- [Mermaid](https://prefab.prefect.io/docs/components/mermaid.md): Render diagrams from Mermaid text definitions.
- [Metric](https://prefab.prefect.io/docs/components/metric.md): Display a headline number with optional trend indicator for KPI dashboards.
- [Pages](https://prefab.prefect.io/docs/components/pages.md): Multi-page layout that swaps content via state.
- [PieChart](https://prefab.prefect.io/docs/components/pie-chart.md): Visualize proportions with slices of a circle.
- [Popover](https://prefab.prefect.io/docs/components/popover.md): Floating content panel triggered by clicking a child element.
- [Progress](https://prefab.prefect.io/docs/components/progress.md): Visual indicator of completion or loading state.
- [RadarChart](https://prefab.prefect.io/docs/components/radar-chart.md): Compare multivariate data on radial axes.
- [RadialChart](https://prefab.prefect.io/docs/components/radial-chart.md): Visualize categorical data as concentric rings.
- [Radio](https://prefab.prefect.io/docs/components/radio.md): Radio buttons for mutually exclusive choices.
- [Ring](https://prefab.prefect.io/docs/components/ring.md): Circular progress indicator with centered label.
- [Row](https://prefab.prefect.io/docs/components/row.md): Horizontal flex container for arranging children side-by-side.
- [ScatterChart](https://prefab.prefect.io/docs/components/scatter-chart.md): Plot data points by two numeric axes to reveal correlations.
- [Select](https://prefab.prefect.io/docs/components/select.md): Dropdown select for choosing from a list of options.
- [Separator](https://prefab.prefect.io/docs/components/separator.md): Visual divider between content sections.
- [Slider](https://prefab.prefect.io/docs/components/slider.md): Range input for selecting numeric values.
- [Slot](https://prefab.prefect.io/docs/components/slot.md): A placeholder that renders dynamic component trees from state.
- [Sparkline](https://prefab.prefect.io/docs/components/sparkline.md): Compact inline chart for showing trends at a glance.
- [Svg](https://prefab.prefect.io/docs/components/svg.md): Render inline SVG with automatic sanitization.
- [Switch](https://prefab.prefect.io/docs/components/switch.md): Toggle switch for on/off states.
- [Table](https://prefab.prefect.io/docs/components/table.md): Structured data display with rows, columns, headers, and captions.
- [Tabs](https://prefab.prefect.io/docs/components/tabs.md): Tabbed interface for switching between panels of content.
- [Textarea](https://prefab.prefect.io/docs/components/textarea.md): Multi-line text input for longer content.
- [Tooltip](https://prefab.prefect.io/docs/components/tooltip.md): Hover text that appears on any component.
- [Typography](https://prefab.prefect.io/docs/components/typography.md): Text components for headings, body copy, and inline formatting.
- [Video](https://prefab.prefect.io/docs/components/video.md): Play video files with native HTML5 controls.
- [Actions](https://prefab.prefect.io/docs/concepts/actions.md): User interactions drive state changes, server calls, and UI feedback.
- [Components](https://prefab.prefect.io/docs/concepts/components.md): Building UIs from components — what they are, how they nest, and how Python's with statement maps to the component tree.
- [Core Concepts](https://prefab.prefect.io/docs/concepts/core-concepts.md): The four concepts that everything in Prefab is built from.
- [Custom Handlers](https://prefab.prefect.io/docs/concepts/custom-handlers.md): Extend Prefab with developer-authored JavaScript for custom pipes and client-side logic.
- [Expressions](https://prefab.prefect.io/docs/concepts/expressions.md)
- [State](https://prefab.prefect.io/docs/concepts/state.md): Prefab's centralized client-side data store and the reactive bindings that keep components in sync.
- [Action Chains](https://prefab.prefect.io/docs/examples/actions.md): Chain multiple actions from a single click.
- [Conditional Rendering](https://prefab.prefect.io/docs/examples/conditional.md): Toggle between UI states with If/Else and reactive switches.
- [Cross-Filtering](https://prefab.prefect.io/docs/examples/cross-filter.md): A regional dashboard where a single dropdown instantly filters every chart and metric.
- [Deploy Pipeline](https://prefab.prefect.io/docs/examples/deploy-pipeline.md): CI/CD pipeline tracker with progress gauges and status badges.
- [Dynamic List](https://prefab.prefect.io/docs/examples/dynamic-list.md): Add and remove items with ForEach, AppendState, and PopState.
- [Expense Tracker](https://prefab.prefect.io/docs/examples/expense-tracker.md): DataTable with running totals, pie breakdown, and budget alerts.
- [File Upload](https://prefab.prefect.io/docs/examples/file-upload.md): Upload files and inspect their metadata — all client-side.
- [Reactive Binding](https://prefab.prefect.io/docs/examples/reactive-binding.md): A slider driving a ring, progress bars, and text in real time.
- [Sales Dashboard](https://prefab.prefect.io/docs/examples/sales-dashboard.md): A complete analytics dashboard with metrics, charts, and a sortable data table.
- [Server Dashboard](https://prefab.prefect.io/docs/examples/server-dashboard.md): Live-updating metrics with sparklines, status badges, and auto-refresh.
- [The Button](https://prefab.prefect.io/docs/examples/the-button.md): A button you probably shouldn't press, built with conditional rendering and client-side state.
- [Threshold Meter](https://prefab.prefect.io/docs/examples/threshold-meter.md): A progress bar whose color changes reactively based on value thresholds.
- [Todo List](https://prefab.prefect.io/docs/examples/todo.md): A fully interactive todo list built with client-side state actions.
- [Static Export](https://prefab.prefect.io/docs/export.md): Export a PrefabApp as a standalone HTML file.
- [Installation](https://prefab.prefect.io/docs/getting-started/installation.md): Install Prefab and pin to a stable version.
- [Quickstart](https://prefab.prefect.io/docs/getting-started/quickstart.md): Build your first Prefab app in under 60 seconds.
- [Playground](https://prefab.prefect.io/docs/playground.md): Build and preview Prefab components interactively in your browser.
- [Accordion](https://prefab.prefect.io/docs/protocol/accordion.md): JSON Schema for the Accordion component.
- [AccordionItem](https://prefab.prefect.io/docs/protocol/accordion-item.md): JSON Schema for the AccordionItem component.
- [Alert](https://prefab.prefect.io/docs/protocol/alert.md): JSON Schema for the Alert component.
- [AlertDescription](https://prefab.prefect.io/docs/protocol/alert-description.md): JSON Schema for the AlertDescription component.
- [AlertTitle](https://prefab.prefect.io/docs/protocol/alert-title.md): JSON Schema for the AlertTitle component.
- [AppendState](https://prefab.prefect.io/docs/protocol/append-state.md): JSON Schema for the AppendState action.
- [AreaChart](https://prefab.prefect.io/docs/protocol/area-chart.md): JSON Schema for the AreaChart component.
- [Audio](https://prefab.prefect.io/docs/protocol/audio.md): JSON Schema for the Audio component.
- [Badge](https://prefab.prefect.io/docs/protocol/badge.md): JSON Schema for the Badge component.
- [BarChart](https://prefab.prefect.io/docs/protocol/bar-chart.md): JSON Schema for the BarChart component.
- [BlockQuote](https://prefab.prefect.io/docs/protocol/block-quote.md): JSON Schema for the BlockQuote component.
- [Button](https://prefab.prefect.io/docs/protocol/button.md): JSON Schema for the Button component.
- [ButtonGroup](https://prefab.prefect.io/docs/protocol/button-group.md): JSON Schema for the ButtonGroup component.
- [Calendar](https://prefab.prefect.io/docs/protocol/calendar.md): JSON Schema for the Calendar component.
- [CallHandler](https://prefab.prefect.io/docs/protocol/call-handler.md): JSON Schema for the CallHandler action.
- [Card](https://prefab.prefect.io/docs/protocol/card.md): JSON Schema for the Card component.
- [CardContent](https://prefab.prefect.io/docs/protocol/card-content.md): JSON Schema for the CardContent component.
- [CardDescription](https://prefab.prefect.io/docs/protocol/card-description.md): JSON Schema for the CardDescription component.
- [CardFooter](https://prefab.prefect.io/docs/protocol/card-footer.md): JSON Schema for the CardFooter component.
- [CardHeader](https://prefab.prefect.io/docs/protocol/card-header.md): JSON Schema for the CardHeader component.
- [CardTitle](https://prefab.prefect.io/docs/protocol/card-title.md): JSON Schema for the CardTitle component.
- [ChartSeries](https://prefab.prefect.io/docs/protocol/chart-series.md): JSON Schema for the ChartSeries component.
- [Checkbox](https://prefab.prefect.io/docs/protocol/checkbox.md): JSON Schema for the Checkbox component.
- [ChoiceCard](https://prefab.prefect.io/docs/protocol/choice-card.md): JSON Schema for the ChoiceCard component.
- [Code](https://prefab.prefect.io/docs/protocol/code.md): JSON Schema for the Code component.
- [Column](https://prefab.prefect.io/docs/protocol/column.md): JSON Schema for the Column component.
- [Combobox](https://prefab.prefect.io/docs/protocol/combobox.md): JSON Schema for the Combobox component.
- [ComboboxGroup](https://prefab.prefect.io/docs/protocol/combobox-group.md): JSON Schema for the ComboboxGroup component.
- [ComboboxLabel](https://prefab.prefect.io/docs/protocol/combobox-label.md): JSON Schema for the ComboboxLabel component.
- [ComboboxOption](https://prefab.prefect.io/docs/protocol/combobox-option.md): JSON Schema for the ComboboxOption component.
- [ComboboxSeparator](https://prefab.prefect.io/docs/protocol/combobox-separator.md): JSON Schema for the ComboboxSeparator component.
- [Condition](https://prefab.prefect.io/docs/protocol/condition.md): JSON Schema for the Condition component.
- [Container](https://prefab.prefect.io/docs/protocol/container.md): JSON Schema for the Container component.
- [Dashboard](https://prefab.prefect.io/docs/protocol/dashboard.md): JSON Schema for the Dashboard component.
- [DashboardItem](https://prefab.prefect.io/docs/protocol/dashboard-item.md): JSON Schema for the DashboardItem component.
- [DataTable](https://prefab.prefect.io/docs/protocol/data-table.md): JSON Schema for the DataTable component.
- [DataTableColumn](https://prefab.prefect.io/docs/protocol/data-table-column.md): JSON Schema for the DataTableColumn component.
- [DatePicker](https://prefab.prefect.io/docs/protocol/date-picker.md): JSON Schema for the DatePicker component.
- [Dialog](https://prefab.prefect.io/docs/protocol/dialog.md): JSON Schema for the Dialog component.
- [Div](https://prefab.prefect.io/docs/protocol/div.md): JSON Schema for the Div component.
- [DropZone](https://prefab.prefect.io/docs/protocol/drop-zone.md): JSON Schema for the DropZone component.
- [Embed](https://prefab.prefect.io/docs/protocol/embed.md): JSON Schema for the Embed component.
- [Fetch](https://prefab.prefect.io/docs/protocol/fetch.md): JSON Schema for the Fetch action.
- [Field](https://prefab.prefect.io/docs/protocol/field.md): JSON Schema for the Field component.
- [ForEach](https://prefab.prefect.io/docs/protocol/for-each.md): JSON Schema for the ForEach component.
- [Form](https://prefab.prefect.io/docs/protocol/form.md): JSON Schema for the Form component.
- [Grid](https://prefab.prefect.io/docs/protocol/grid.md): JSON Schema for the Grid component.
- [H1](https://prefab.prefect.io/docs/protocol/h1.md): JSON Schema for the H1 component.
- [H2](https://prefab.prefect.io/docs/protocol/h2.md): JSON Schema for the H2 component.
- [H3](https://prefab.prefect.io/docs/protocol/h3.md): JSON Schema for the H3 component.
- [H4](https://prefab.prefect.io/docs/protocol/h4.md): JSON Schema for the H4 component.
- [Heading](https://prefab.prefect.io/docs/protocol/heading.md): JSON Schema for the Heading component.
- [HoverCard](https://prefab.prefect.io/docs/protocol/hover-card.md): JSON Schema for the HoverCard component.
- [Icon](https://prefab.prefect.io/docs/protocol/icon.md): JSON Schema for the Icon component.
- [Image](https://prefab.prefect.io/docs/protocol/image.md): JSON Schema for the Image component.
- [Input](https://prefab.prefect.io/docs/protocol/input.md): JSON Schema for the Input component.
- [Kbd](https://prefab.prefect.io/docs/protocol/kbd.md): JSON Schema for the Kbd component.
- [Label](https://prefab.prefect.io/docs/protocol/label.md): JSON Schema for the Label component.
- [Large](https://prefab.prefect.io/docs/protocol/large.md): JSON Schema for the Large component.
- [Lead](https://prefab.prefect.io/docs/protocol/lead.md): JSON Schema for the Lead component.
- [LineChart](https://prefab.prefect.io/docs/protocol/line-chart.md): JSON Schema for the LineChart component.
- [Loader](https://prefab.prefect.io/docs/protocol/loader.md): JSON Schema for the Loader component.
- [Markdown](https://prefab.prefect.io/docs/protocol/markdown.md): JSON Schema for the Markdown component.
- [Muted](https://prefab.prefect.io/docs/protocol/muted.md): JSON Schema for the Muted component.
- [OpenFilePicker](https://prefab.prefect.io/docs/protocol/open-file-picker.md): JSON Schema for the OpenFilePicker action.
- [OpenLink](https://prefab.prefect.io/docs/protocol/open-link.md): JSON Schema for the OpenLink action.
- [Overview](https://prefab.prefect.io/docs/protocol/overview.md): Wire format for the Prefab UI protocol.
- [P](https://prefab.prefect.io/docs/protocol/p.md): JSON Schema for the P component.
- [Page](https://prefab.prefect.io/docs/protocol/page.md): JSON Schema for the Page component.
- [Pages](https://prefab.prefect.io/docs/protocol/pages.md): JSON Schema for the Pages component.
- [PieChart](https://prefab.prefect.io/docs/protocol/pie-chart.md): JSON Schema for the PieChart component.
- [PopState](https://prefab.prefect.io/docs/protocol/pop-state.md): JSON Schema for the PopState action.
- [Popover](https://prefab.prefect.io/docs/protocol/popover.md): JSON Schema for the Popover component.
- [Progress](https://prefab.prefect.io/docs/protocol/progress.md): JSON Schema for the Progress component.
- [RadarChart](https://prefab.prefect.io/docs/protocol/radar-chart.md): JSON Schema for the RadarChart component.
- [RadialChart](https://prefab.prefect.io/docs/protocol/radial-chart.md): JSON Schema for the RadialChart component.
- [Radio](https://prefab.prefect.io/docs/protocol/radio.md): JSON Schema for the Radio component.
- [RadioGroup](https://prefab.prefect.io/docs/protocol/radio-group.md): JSON Schema for the RadioGroup component.
- [RequestDisplayMode](https://prefab.prefect.io/docs/protocol/request-display-mode.md): JSON Schema for the RequestDisplayMode action.
- [Row](https://prefab.prefect.io/docs/protocol/row.md): JSON Schema for the Row component.
- [ScatterChart](https://prefab.prefect.io/docs/protocol/scatter-chart.md): JSON Schema for the ScatterChart component.
- [Select](https://prefab.prefect.io/docs/protocol/select.md): JSON Schema for the Select component.
- [SelectGroup](https://prefab.prefect.io/docs/protocol/select-group.md): JSON Schema for the SelectGroup component.
- [SelectLabel](https://prefab.prefect.io/docs/protocol/select-label.md): JSON Schema for the SelectLabel component.
- [SelectOption](https://prefab.prefect.io/docs/protocol/select-option.md): JSON Schema for the SelectOption component.
- [SelectSeparator](https://prefab.prefect.io/docs/protocol/select-separator.md): JSON Schema for the SelectSeparator component.
- [SendMessage](https://prefab.prefect.io/docs/protocol/send-message.md): JSON Schema for the SendMessage action.
- [Separator](https://prefab.prefect.io/docs/protocol/separator.md): JSON Schema for the Separator component.
- [SetInterval](https://prefab.prefect.io/docs/protocol/set-interval.md): JSON Schema for the SetInterval action.
- [SetState](https://prefab.prefect.io/docs/protocol/set-state.md): JSON Schema for the SetState action.
- [ShowToast](https://prefab.prefect.io/docs/protocol/show-toast.md): JSON Schema for the ShowToast action.
- [Slider](https://prefab.prefect.io/docs/protocol/slider.md): JSON Schema for the Slider component.
- [Slot](https://prefab.prefect.io/docs/protocol/slot.md): JSON Schema for the Slot component.
- [Small](https://prefab.prefect.io/docs/protocol/small.md): JSON Schema for the Small component.
- [Span](https://prefab.prefect.io/docs/protocol/span.md): JSON Schema for the Span component.
- [Svg](https://prefab.prefect.io/docs/protocol/svg.md): JSON Schema for the Svg component.
- [Switch](https://prefab.prefect.io/docs/protocol/switch.md): JSON Schema for the Switch component.
- [Tab](https://prefab.prefect.io/docs/protocol/tab.md): JSON Schema for the Tab component.
- [Table](https://prefab.prefect.io/docs/protocol/table.md): JSON Schema for the Table component.
- [TableBody](https://prefab.prefect.io/docs/protocol/table-body.md): JSON Schema for the TableBody component.
- [TableCaption](https://prefab.prefect.io/docs/protocol/table-caption.md): JSON Schema for the TableCaption component.
- [TableCell](https://prefab.prefect.io/docs/protocol/table-cell.md): JSON Schema for the TableCell component.
- [TableFooter](https://prefab.prefect.io/docs/protocol/table-footer.md): JSON Schema for the TableFooter component.
- [TableHead](https://prefab.prefect.io/docs/protocol/table-head.md): JSON Schema for the TableHead component.
- [TableHeader](https://prefab.prefect.io/docs/protocol/table-header.md): JSON Schema for the TableHeader component.
- [TableRow](https://prefab.prefect.io/docs/protocol/table-row.md): JSON Schema for the TableRow component.
- [Tabs](https://prefab.prefect.io/docs/protocol/tabs.md): JSON Schema for the Tabs component.
- [Text](https://prefab.prefect.io/docs/protocol/text.md): JSON Schema for the Text component.
- [Textarea](https://prefab.prefect.io/docs/protocol/textarea.md): JSON Schema for the Textarea component.
- [ToggleState](https://prefab.prefect.io/docs/protocol/toggle-state.md): JSON Schema for the ToggleState action.
- [ToolCall](https://prefab.prefect.io/docs/protocol/tool-call.md): JSON Schema for the ToolCall action.
- [Tooltip](https://prefab.prefect.io/docs/protocol/tooltip.md): JSON Schema for the Tooltip component.
- [UpdateContext](https://prefab.prefect.io/docs/protocol/update-context.md): JSON Schema for the UpdateContext action.
- [Video](https://prefab.prefect.io/docs/protocol/video.md): JSON Schema for the Video component.
- [ERROR](https://prefab.prefect.io/docs/reactive/error.md): The error message available in on_error callbacks.
- [EVENT](https://prefab.prefect.io/docs/reactive/event.md): The value from the interaction that triggered an action.
- [HOST](https://prefab.prefect.io/docs/reactive/host.md): Reactive access to MCP host context — display mode, theme, and container dimensions.
- [INDEX](https://prefab.prefect.io/docs/reactive/index.md): The zero-based iteration index inside a ForEach loop.
- [ITEM](https://prefab.prefect.io/docs/reactive/item.md): The current iteration item inside a ForEach loop.
- [RESULT](https://prefab.prefect.io/docs/reactive/result.md): The action's return value available in on_success callbacks.
- [STATE](https://prefab.prefect.io/docs/reactive/state.md): Proxy for accessing state keys as reactive references.
- [PrefabApp](https://prefab.prefect.io/docs/reference/app.md): The application object that ties together view, state, theme, and assets.
- [API Server](https://prefab.prefect.io/docs/running/api.md): Wire Prefab apps to a REST backend with FastAPI.
- [FastMCP](https://prefab.prefect.io/docs/running/fastmcp.md): Build MCP Apps that render inside Claude Desktop, ChatGPT, and other hosts.
- [Local Preview](https://prefab.prefect.io/docs/serve.md): Preview PrefabApp UIs in your browser without an MCP host.
- [CSS Helpers](https://prefab.prefect.io/docs/styling/css.md): Compose Tailwind classes and target components by id.
- [Themes](https://prefab.prefect.io/docs/styling/themes.md): Built-in themes for color, fonts, and layout.
- [Welcome to Prefab 🎨](https://prefab.prefect.io/docs/welcome.md): The generative UI framework that even humans can use.