> For AI agents: the complete documentation index is at [llms.txt](https://reflex.dev/docs/llms.txt). For a Markdown version, remove the trailing slash from the page URL and append `.md`. The docs home is available at [index.md](http://localhost:3000/docs/index.md).

# Recipes

Recipes are a collection of common patterns and components that can be used to build Reflex applications. Each recipe is a self-contained component that can be easily copied and pasted into your project.

## Portable

Easy to copy and integrate into your next Reflex project.

## Themed

Automatically adapts to the theme of your Reflex project.

## Customizable

Every aspect of the components can be customized to fit your needs.

## Categories

## Auth

[Login-Form](https://reflex.dev/docs/recipes/auth/login-form/) [Signup-Form](https://reflex.dev/docs/recipes/auth/signup-form/)

## Content

[Forms](https://reflex.dev/docs/recipes/content/forms/) [Grid](https://reflex.dev/docs/recipes/content/grid/) [Multi-Column-Row](https://reflex.dev/docs/recipes/content/multi-column-row/) [Stats](https://reflex.dev/docs/recipes/content/stats/) [Top-Banner](https://reflex.dev/docs/recipes/content/top-banner/)

## Layout

[Footer](https://reflex.dev/docs/recipes/layout/footer/) [Navbar](https://reflex.dev/docs/recipes/layout/navbar/) [Sidebar](https://reflex.dev/docs/recipes/layout/sidebar/)

## Others

[Chat](https://reflex.dev/docs/recipes/others/chat/) [Checkboxes](https://reflex.dev/docs/recipes/others/checkboxes/) [Chips](https://reflex.dev/docs/recipes/others/chips/) [Dark-Mode-Toggle](https://reflex.dev/docs/recipes/others/dark-mode-toggle/) [Pricing-Cards](https://reflex.dev/docs/recipes/others/pricing-cards/) [Speed-Dial](https://reflex.dev/docs/recipes/others/speed-dial/)