# Reflex Documentation

> Reflex is a Python framework for building full-stack web apps. Use this index to find agent-readable Markdown docs, or see [llms-full.txt](/content/docs/llms-full.txt) for the complete docs in one file.

## Docs

### Advanced Onboarding

- [Project Structure (Advanced)](/content/docs/advanced-onboarding/code-structure.md)
- [Configuration](/content/docs/advanced-onboarding/configuration.md)
- [How Reflex Works](/content/docs/advanced-onboarding/how-reflex-works.md)

### AI Builder

- [Reflex Build Best Practices](/content/docs/ai/overview/best-practices.md)
- [Project Overview](/content/docs/ai/overview/project-overview.md)
- [Templates](/content/docs/ai/overview/templates.md)
- [Your First Reflex Build App](/content/docs/ai/overview/tutorial.md)
- [What Is Reflex Build](/content/docs/ai/overview/what-is-reflex-build.md)

### Agent Toolkit

- [Agent Toolkit](/content/docs/ai/integrations/agent-toolkit.md)

### MCP

- [Overview](/content/docs/ai/integrations/mcp-overview.md)
- [Installation](/content/docs/ai/integrations/mcp-installation.md)

### Skills

- [Skills](/content/docs/ai/integrations/skills.md)

### API Reference

- [Browser Javascript](/content/docs/api-reference/browser-javascript.md)
- [Browser Storage](/content/docs/api-reference/browser-storage.md)
- [CLI](/content/docs/api-reference/cli.md)
- [Event Triggers](/content/docs/api-reference/event-triggers.md)
- [Plugins](/content/docs/api-reference/plugins.md)
- [Special Events](/content/docs/api-reference/special-events.md)
- [Telemetry](/content/docs/api-reference/telemetry.md)
- [Utility Functions](/content/docs/api-reference/utils.md)
- [Reflex's Var System](/content/docs/api-reference/var-system.md)
- [App](/content/docs/api-reference/app.md)
- [Component](/content/docs/api-reference/component.md)
- [Componentstate](/content/docs/api-reference/componentstate.md)
- [Config](/content/docs/api-reference/config.md)
- [Event](/content/docs/api-reference/event.md)
- [Eventhandler](/content/docs/api-reference/eventhandler.md)
- [Eventspec](/content/docs/api-reference/eventspec.md)
- [Statemanager](/content/docs/api-reference/statemanager.md)
- [State](/content/docs/api-reference/state.md)
- [Importvar](/content/docs/api-reference/importvar.md)
- [Var](/content/docs/api-reference/var.md)
- [Environment Variables](/content/docs/api-reference/environment-variables.md)

### API Routes

- [API Routes Overview](/content/docs/api-routes/overview.md)

### Assets

- [Assets](/content/docs/assets/overview.md)
- [Files](/content/docs/assets/upload-and-download-files.md)

### Changelog

- [Reflex Changelog](/content/docs/changelog.md)
- [reflex-base Changelog](/content/docs/changelog/reflex-base.md)
- [reflex-components-code Changelog](/content/docs/changelog/reflex-components-code.md)
- [reflex-components-core Changelog](/content/docs/changelog/reflex-components-core.md)
- [reflex-components-dataeditor Changelog](/content/docs/changelog/reflex-components-dataeditor.md)
- [reflex-components-lucide Changelog](/content/docs/changelog/reflex-components-lucide.md)
- [reflex-components-markdown Changelog](/content/docs/changelog/reflex-components-markdown.md)
- [reflex-components-moment Changelog](/content/docs/changelog/reflex-components-moment.md)
- [reflex-components-plotly Changelog](/content/docs/changelog/reflex-components-plotly.md)
- [reflex-components-radix Changelog](/content/docs/changelog/reflex-components-radix.md)
- [reflex-components-react-player Changelog](/content/docs/changelog/reflex-components-react-player.md)
- [reflex-components-recharts Changelog](/content/docs/changelog/reflex-components-recharts.md)
- [reflex-components-sonner Changelog](/content/docs/changelog/reflex-components-sonner.md)
- [reflex-docgen Changelog](/content/docs/changelog/reflex-docgen.md)
- [reflex-enterprise Changelog](/content/docs/changelog/reflex-enterprise.md)
- [reflex-hosting-cli Changelog](/content/docs/changelog/reflex-hosting-cli.md)
- [reflex-release Changelog](/content/docs/changelog/reflex-release.md)

### Client Storage

- [Client Storage Overview](/content/docs/client-storage/overview.md)

### Components

- [Conditional Rendering](/content/docs/components/conditional-rendering.md)
- [Convert HTML to Reflex](/content/docs/components/html-to-reflex.md)
- [Props](/content/docs/components/props.md)
- [Rendering Iterables](/content/docs/components/rendering-iterables.md)

### Custom Components

- [Custom Component CLI Reference](/content/docs/custom-components/command-reference.md)
- [Custom Components Overview](/content/docs/custom-components/overview.md)
- [Python Package Index](/content/docs/custom-components/prerequisites-for-publishing.md)

### Database

- [Database Overview](/content/docs/database/overview.md)
- [Queries](/content/docs/database/queries.md)
- [Relationships](/content/docs/database/relationships.md)
- [Tables](/content/docs/database/tables.md)

### Enterprise

- [AG Chart](/content/docs/enterprise/ag-chart.md)
- [AG Grid Aligned Grids in Python](/content/docs/enterprise/ag-grid/aligned-grids.md)
- [AG Grid Cell Selection in Python](/content/docs/enterprise/ag-grid/cell-selection.md)
- [AG Grid Column Definitions in Python](/content/docs/enterprise/ag-grid/column-defs.md)
- [AG Grid in Python: Interactive Data Grid](/content/docs/enterprise/ag-grid.md)
- [AG Grid Master Detail in Python](/content/docs/enterprise/ag-grid/master-detail.md)
- [AG Grid with a Pandas DataFrame in Python](/content/docs/enterprise/ag-grid/model-wrapper.md)
- [AG Grid Pivot Mode in Python](/content/docs/enterprise/ag-grid/pivot-mode.md)
- [AG Grid Themes in Python](/content/docs/enterprise/ag-grid/theme.md)
- [AG Grid Tree Data in Python](/content/docs/enterprise/ag-grid/tree-data.md)
- [AG Grid Value Transformers in Python](/content/docs/enterprise/ag-grid/value-transformers.md)
- [Auditing Auth Actions](/content/docs/enterprise/auth/audit.md)
- [Customizing the Auth Pages](/content/docs/enterprise/auth/custom-pages.md)
- [Deploying to Production](/content/docs/enterprise/auth/deployment.md)
- [Example: A Complete App](/content/docs/enterprise/auth/example-app.md)
- [Authentication Overview](/content/docs/enterprise/auth/overview.md)
- [OIDC Providers](/content/docs/enterprise/auth/providers.md)
- [Secure by Default](/content/docs/enterprise/auth/secure-by-default.md)
- [Testing Guarded Code](/content/docs/enterprise/auth/testing.md)
- [Built with Reflex Badge](/content/docs/enterprise/built-with-reflex.md)
- [Components](/content/docs/enterprise/components.md)
- [Drag and Drop](/content/docs/enterprise/drag-and-drop.md)
- [Event Handler API Plugin](/content/docs/enterprise/event-handler-api.md)
- [Autocomplete component](/content/docs/enterprise/mantine/autocomplete.md)
- [Collapse component](/content/docs/enterprise/mantine/collapse.md)
- [Combobox](/content/docs/enterprise/mantine/combobox.md)
- [Mantine](/content/docs/enterprise/mantine.md)
- [JSON Input](/content/docs/enterprise/mantine/json-input.md)
- [Loading Overlay component](/content/docs/enterprise/mantine/loading-overlay.md)
- [MultiSelect component](/content/docs/enterprise/mantine/multi-select.md)
- [Number Formatter component](/content/docs/enterprise/mantine/number-formatter.md)
- [Pill](/content/docs/enterprise/mantine/pill.md)
- [Ring Progress component](/content/docs/enterprise/mantine/ring-progress.md)
- [Semi Circle Progress component](/content/docs/enterprise/mantine/semi-circle-progress.md)
- [Spoiler component](/content/docs/enterprise/mantine/spoiler.md)
- [TagsInput](/content/docs/enterprise/mantine/tags-input.md)
- [Timeline component](/content/docs/enterprise/mantine/timeline.md)
- [Tree component](/content/docs/enterprise/mantine/tree.md)
- [Interactive Maps](/content/docs/enterprise/map.md)
- [MCP Authentication](/content/docs/enterprise/mcp/authentication.md)
- [Custom MCP Resources](/content/docs/enterprise/mcp/custom-resources.md)
- [Deploying MCP to Production](/content/docs/enterprise/mcp/deployment.md)
- [Extending the MCP Server](/content/docs/enterprise/mcp/extending.md)
- [Auto MCP](/content/docs/enterprise/mcp.md)
- [Reflex Enterprise](/content/docs/enterprise/overview.md)
- [Basic Flow Example](/content/docs/enterprise/react-flow/basic-flow.md)
- [Flow Components](/content/docs/enterprise/react-flow/components.md)
- [Edges](/content/docs/enterprise/react-flow/edges.md)
- [Example React Flow Components](/content/docs/enterprise/react-flow/examples.md)
- [Hooks (API)](/content/docs/enterprise/react-flow/hooks.md)
- [Adding Interactivity to Your Flow](/content/docs/enterprise/react-flow/interactivity.md)
- [Nodes](/content/docs/enterprise/react-flow/nodes.md)
- [Overview](/content/docs/enterprise/react-flow/overview.md)
- [Theming](/content/docs/enterprise/react-flow/theming.md)
- [Utility Functions](/content/docs/enterprise/react-flow/utils.md)
- [Single Port Proxy](/content/docs/enterprise/single-port-proxy.md)
- [End-to-End Testing](/content/docs/enterprise/testing.md)

### Events

- [Background Tasks](/content/docs/events/background-events.md)
- [Chaining events](/content/docs/events/chaining-events.md)
- [Decentralized Event Handlers](/content/docs/events/decentralized-event-handlers.md)
- [Event Actions](/content/docs/events/event-actions.md)
- [Event Arguments](/content/docs/events/event-arguments.md)
- [Events Overview](/content/docs/events/events-overview.md)
- [Page Load Events](/content/docs/events/page-load-events.md)
- [Special Events Docs](/content/docs/events/special-events.md)
- [Yielding Updates](/content/docs/events/yield-events.md)

### Getting Started

- [Basics](/content/docs/getting-started/basics.md)
- [AI Chat App](/content/docs/getting-started/chatapp-tutorial.md)
- [Data Dashboard](/content/docs/getting-started/dashboard-tutorial.md)
- [Installation](/content/docs/getting-started/installation.md)
- [Introduction](/content/docs/getting-started/introduction.md)
- [Project Structure](/content/docs/getting-started/project-structure.md)

### Hosting

- [App Management](/content/docs/hosting/app-management.md)
- [Billing](/content/docs/hosting/billing.md)
- [Bring Your Own Cloud](/content/docs/hosting/bring-your-own-cloud.md)
- [Cloud Providers](/content/docs/hosting/cloud-providers.md)
- [Compute](/content/docs/hosting/compute.md)
- [Cloud Config File](/content/docs/hosting/config-file.md)
- [Custom Domains](/content/docs/hosting/custom-domains.md)
- [Deploy Reflex to Databricks](/content/docs/hosting/databricks.md)
- [Reflex Cloud - Quick Start](/content/docs/hosting/deploy-quick-start.md)
- [Deploy to GCP](/content/docs/hosting/deploy-to-gcp.md)
- [Deploy with GitHub Actions](/content/docs/hosting/deploy-with-github-actions.md)
- [Logs](/content/docs/hosting/logs.md)
- [Machine Types](/content/docs/hosting/machine-types.md)
- [Project Members & Access](/content/docs/hosting/project-members.md)
- [Project Settings](/content/docs/hosting/project-settings.md)
- [Regions](/content/docs/hosting/regions.md)
- [Secrets and Environment Variables](/content/docs/hosting/secrets-environment-vars.md)
- [Security Scan](/content/docs/hosting/security-scan.md)
- [Self Hosting](/content/docs/hosting/self-hosting.md)
- [Tokens](/content/docs/hosting/tokens.md)

### Library

- [Avatar](/content/docs/library/data-display/avatar.md)
- [Badge](/content/docs/library/data-display/badge.md)
- [Callout](/content/docs/library/data-display/callout.md)
- [Code Block](/content/docs/library/data-display/code-block.md)
- [Data List](/content/docs/library/data-display/data-list.md)
- [Icon](/content/docs/library/data-display/icon.md)
- [List](/content/docs/library/data-display/list.md)
- [Moment](/content/docs/library/data-display/moment.md)
- [Progress](/content/docs/library/data-display/progress.md)
- [Scroll Area](/content/docs/library/data-display/scroll-area.md)
- [Spinner](/content/docs/library/data-display/spinner.md)
- [Accordion](/content/docs/library/disclosure/accordion.md)
- [Segmented Control](/content/docs/library/disclosure/segmented-control.md)
- [Tabs](/content/docs/library/disclosure/tabs.md)
- [Auto Scroll](/content/docs/library/dynamic-rendering/auto-scroll.md)
- [Cond](/content/docs/library/dynamic-rendering/cond.md)
- [Foreach](/content/docs/library/dynamic-rendering/foreach.md)
- [Match](/content/docs/library/dynamic-rendering/match.md)
- [Button](/content/docs/library/forms/button.md)
- [Checkbox](/content/docs/library/forms/checkbox.md)
- [type attribute is required for "typeMismatch" validation](/content/docs/library/forms/form.md)
- [Input](/content/docs/library/forms/input.md)
- [Radio Group](/content/docs/library/forms/radio-group.md)
- [Select](/content/docs/library/forms/select.md)
- [Slider](/content/docs/library/forms/slider.md)
- [Switch](/content/docs/library/forms/switch.md)
- [Text Area](/content/docs/library/forms/text-area.md)
- [File Upload](/content/docs/library/forms/upload.md)
- [Area Chart](/content/docs/library/graphing/charts/areachart.md)
- [Bar Chart](/content/docs/library/graphing/charts/barchart.md)
- [Composed Chart](/content/docs/library/graphing/charts/composedchart.md)
- [Error Bar](/content/docs/library/graphing/charts/errorbar.md)
- [Funnel Chart](/content/docs/library/graphing/charts/funnelchart.md)
- [Line Chart](/content/docs/library/graphing/charts/linechart.md)
- [Pie Chart](/content/docs/library/graphing/charts/piechart.md)
- [Radar Chart](/content/docs/library/graphing/charts/radarchart.md)
- [Radial Bar Chart](/content/docs/library/graphing/charts/radialbarchart.md)
- [Scatter Chart](/content/docs/library/graphing/charts/scatterchart.md)
- [Treemap](/content/docs/library/graphing/charts/treemap.md)
- [Axis](/content/docs/library/graphing/general/axis.md)
- [Brush](/content/docs/library/graphing/general/brush.md)
- [- rx.recharts.CartesianAxis](/content/docs/library/graphing/general/cartesiangrid.md)
- [Label](/content/docs/library/graphing/general/label.md)
- [Legend](/content/docs/library/graphing/general/legend.md)
- [Reference](/content/docs/library/graphing/general/reference.md)
- [Graphing Tooltip](/content/docs/library/graphing/general/tooltip.md)
- [Plotly in Python: Interactive Charts with Reflex](/content/docs/library/graphing/other-charts/plotly.md)
- [Pyplot: Display Matplotlib Charts in a Python Web App](/content/docs/library/graphing/other-charts/pyplot.md)
- [HTML Form Elements](/content/docs/library/html/forms.md)
- [HTML Elements](/content/docs/library/html/html.md)
- [HTML Layout Elements](/content/docs/library/html/layout.md)
- [HTML Media Elements](/content/docs/library/html/media.md)
- [HTML SVG Elements](/content/docs/library/html/svg.md)
- [HTML Table Elements](/content/docs/library/html/tables.md)
- [HTML Text Elements](/content/docs/library/html/text.md)
- [Aspect Ratio](/content/docs/library/layout/aspect-ratio.md)
- [Box](/content/docs/library/layout/box.md)
- [Card](/content/docs/library/layout/card.md)
- [Center](/content/docs/library/layout/center.md)
- [Container](/content/docs/library/layout/container.md)
- [Flex](/content/docs/library/layout/flex.md)
- [Fragment](/content/docs/library/layout/fragment.md)
- [Grid](/content/docs/library/layout/grid.md)
- [Inset](/content/docs/library/layout/inset.md)
- [Section](/content/docs/library/layout/section.md)
- [Separator](/content/docs/library/layout/separator.md)
- [Spacer](/content/docs/library/layout/spacer.md)
- [Stack](/content/docs/library/layout/stack.md)
- [Audio](/content/docs/library/media/audio.md)
- [Image](/content/docs/library/media/image.md)
- [Video](/content/docs/library/media/video.md)
- [Clipboard](/content/docs/library/other/clipboard.md)
- [HTML Embed](/content/docs/library/other/html-embed.md)
- [Memo](/content/docs/library/other/memo.md)
- [Script](/content/docs/library/other/script.md)
- [Skeleton (loading placeholder)](/content/docs/library/other/skeleton.md)
- [Theme](/content/docs/library/other/theme.md)
- [Alert Dialog](/content/docs/library/overlay/alert-dialog.md)
- [Context Menu](/content/docs/library/overlay/context-menu.md)
- [Dialog](/content/docs/library/overlay/dialog.md)
- [Drawer](/content/docs/library/overlay/drawer.md)
- [Dropdown Menu](/content/docs/library/overlay/dropdown-menu.md)
- [Hovercard](/content/docs/library/overlay/hover-card.md)
- [Popover](/content/docs/library/overlay/popover.md)
- [Toast](/content/docs/library/overlay/toast.md)
- [Tooltip](/content/docs/library/overlay/tooltip.md)
- [Data Editor](/content/docs/library/tables-and-data-grids/data-editor.md)
- [Data Table](/content/docs/library/tables-and-data-grids/data-table.md)
- [Table](/content/docs/library/tables-and-data-grids/table.md)
- [Blockquote](/content/docs/library/typography/blockquote.md)
- [Code](/content/docs/library/typography/code.md)
- [Em (Emphasis)](/content/docs/library/typography/em.md)
- [Heading](/content/docs/library/typography/heading.md)
- [rx.text.kbd (Keyboard)](/content/docs/library/typography/kbd.md)
- [Link](/content/docs/library/typography/link.md)
- [Markdown](/content/docs/library/typography/markdown.md)
- [Quote](/content/docs/library/typography/quote.md)
- [Strong](/content/docs/library/typography/strong.md)
- [Text](/content/docs/library/typography/text.md)

### Pages

- [Dynamic Routes](/content/docs/pages/dynamic-routing.md)
- [Pages](/content/docs/pages/overview.md)

### Recipes

- [Login Form](/content/docs/recipes/auth/login-form.md)
- [Sign up Form](/content/docs/recipes/auth/signup-form.md)
- [Forms](/content/docs/recipes/content/forms.md)
- [Grid Recipe](/content/docs/recipes/content/grid.md)
- [Multi-column and row layout](/content/docs/recipes/content/multi-column-row.md)
- [Stats](/content/docs/recipes/content/stats.md)
- [Top Banner](/content/docs/recipes/content/top-banner.md)
- [Footer Bar](/content/docs/recipes/layout/footer.md)
- [Navigation Bar](/content/docs/recipes/layout/navbar.md)
- [Sidebar](/content/docs/recipes/layout/sidebar.md)
- [Chat App](/content/docs/recipes/others/chat.md)
- [Smart Checkboxes Group](/content/docs/recipes/others/checkboxes.md)
- [Chips](/content/docs/recipes/others/chips.md)
- [Dark Mode Toggle](/content/docs/recipes/others/dark-mode-toggle.md)
- [Pricing Cards](/content/docs/recipes/others/pricing-cards.md)
- [Speed Dial](/content/docs/recipes/others/speed-dial.md)

### State

- [State Overview](/content/docs/state/overview.md)

### State Structure

- [Component State](/content/docs/state-structure/component-state.md)
- [State Mixins](/content/docs/state-structure/mixins.md)
- [State Structure Overview](/content/docs/state-structure/overview.md)
- [Shared State](/content/docs/state-structure/shared-state.md)

### Styling

- [Style and Layout Props](/content/docs/styling/common-props.md)
- [Custom Stylesheets](/content/docs/styling/custom-stylesheets.md)
- [Layout Components](/content/docs/styling/layout.md)
- [Styling Overview](/content/docs/styling/overview.md)
- [Responsive](/content/docs/styling/responsive.md)
- [Tailwind](/content/docs/styling/tailwind.md)
- [Theming](/content/docs/styling/theming.md)

### UI

- [UI Overview](/content/docs/ui/overview.md)

### Utility Methods

- [Exception handlers](/content/docs/utility-methods/exception-handlers.md)
- [Lifespan Tasks](/content/docs/utility-methods/lifespan-tasks.md)
- [Other Methods](/content/docs/utility-methods/other-methods.md)
- [State Utility Methods](/content/docs/utility-methods/router-attributes.md)

### Vars

- [Base Vars](/content/docs/vars/base-vars.md)
- [Computed Vars](/content/docs/vars/computed-vars.md)
- [Custom Vars](/content/docs/vars/custom-vars.md)
- [Hybrid Properties](/content/docs/vars/hybrid-properties.md)
- [Var Operations](/content/docs/vars/var-operations.md)

### Wrapping React

- [Custom Code and Hooks](/content/docs/wrapping-react/custom-code-and-hooks.md)
- [Complex Example](/content/docs/wrapping-react/example.md)
- [Styles and Imports](/content/docs/wrapping-react/imports-and-styles.md)
- [Find The Component](/content/docs/wrapping-react/library-and-tags.md)
- [Assets](/content/docs/wrapping-react/local-packages.md)
- [More React Libraries](/content/docs/wrapping-react/more-wrapping-examples.md)
- [Wrapping React Overview](/content/docs/wrapping-react/overview.md)
- [Props](/content/docs/wrapping-react/props.md)
- [Serializers](/content/docs/wrapping-react/serializers.md)
- [Wrapping React Step by Step](/content/docs/wrapping-react/step-by-step.md)