For AI agents: the complete documentation index is at llms.txt. Remove the trailing slash from a page URL and append .md to read its Markdown version. For the docs home, use index.md.

Component Library

Reflex provides 100+ UI components that work entirely in Python — no HTML, CSS, or JavaScript required. Build forms, tables, data grids, charts, and complete web interfaces using familiar Python syntax. Each component is fully documented with examples and integrates directly with your Python state.

How Reflex components compare

Like Streamlit widgets, Reflex components are written in Python, but Reflex gives you full control over layout and styling. Instead of rerunning the whole script on each interaction as Streamlit does, Reflex runs event handlers that update state, and only the parts of the UI that depend on that state re-render. NiceGUI and Gradio also build web UIs in Python. Reflex's library covers forms, layouts, overlays, data tables, a spreadsheet-style data editor, and charts, with enterprise AG Grid and AG Charts components for data-heavy apps.

Frequently asked questions

Can I use Reflex components without learning React?

Yes. Reflex components compile to React on the frontend, but you write everything in Python. You never touch JavaScript, JSX, or React hooks.

Do Reflex components work with pandas DataFrames?

Yes. rx.data_table takes a pandas DataFrame directly, with built-in search, sorting, and pagination. For editable grids, use rx.data_editor or the enterprise AG Grid component.

Can I style Reflex components with custom CSS?

Yes. Every component accepts style props and a class_name prop. With the Tailwind plugin enabled, you can pass Tailwind utility classes to class_name. For animations, keyframes, or other global styles, add custom stylesheets.

Are Reflex components accessible?

Many core components are built on Radix UI primitives, which follow WAI-ARIA patterns and include keyboard navigation, focus management, and screen reader support.

Can I wrap my own React components?

Yes. Reflex can wrap any React component from npm: declare its props and events in Python and Reflex generates the bindings. See the wrapping React guide.

Do I need to install components separately?

No. All core components are included when you install Reflex. For enterprise components like AG Grid and AG Charts, install the reflex-enterprise package.

Connect your components to data and events with the state guides.