<!--lint disable awesome-badge unordered-list-marker-style trailing-slash awesome-heading awesome-github awesome-toc double-link awesome-list-item no-repeat-punctuation-->
<div align="center">
    <img src="https://raw.githubusercontent.com/reflex-dev/awesome-reflex/main/images/dark_logo.svg#gh-light-mode-only" alt="Reflex Logo" width="300px">
    <img src="https://raw.githubusercontent.com/reflex-dev/awesome-reflex/main/images/light_logo.svg#gh-dark-mode-only" alt="Reflex Logo" width="300px">

[![PyPI version](https://badge.fury.io/py/reflex.svg)](https://badge.fury.io/py/reflex)
![versions](https://img.shields.io/pypi/pyversions/reflex.svg)
[![Documentation](https://img.shields.io/badge/Documentation%20-Introduction%20-%20%23007ec6)](https://reflex.dev/docs/getting-started/introduction)
[![Discord](https://img.shields.io/discord/1029853095527727165?color=%237289da&label=Discord)](https://discord.gg/T5WSbC2YtQ)
[![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)
</div>

[Reflex](https://reflex.dev) is an open-source framework for building full-stack web applications entirely in pure Python.
It allows developers to create both the frontend and backend of their web apps using just one language - Python.

With Reflex, you can build anything from small data science projects to large, multi-page websites without having to write any HTML, CSS, or JavaScript.

## 📚 Contents

- [📚 Contents](#-contents)
- [🛠️ Example Apps and Templates](#️-example-apps-and-templates)
  - [Official Templates](#official-templates)
  - [Not a long-list of apps](#not-a-long-list-of-apps)
- [📖 Resources](#-resources)
- [Official Resources](#official-resources)
- [External Resources](#external-resources)
  - [Podcasts](#podcasts)
  - [Articles](#articles)
  - [Tutorials](#tutorials)
  - [Videos](#videos)
  - [Cheatsheets](#cheatsheets)
- [📦 Component Libraries](#-component-libraries)
- [🔐 Databases and Authentication](#-databases-and-authentication)
- [🔗 Checkout/Social media links](#-checkoutsocial-media-links)

## 🛠️ Example Apps and Templates

A repo of complete Reflex examples can be found [here.](https://github.com/reflex-dev/reflex-examples)

Reflex's own website was built using Reflex! See [code on GitHub.](https://github.com/reflex-dev/reflex-web)

### Official Templates

- [Blank Template](https://blank-template.reflex.run) - A minimal template.
- [Dashboard App](https://dashboard-new.reflex.run/) - A dashboard with tables and graphs.
- [Sales Management](https://sales-new.reflex.run/) - An app to manage sales and customers.
- [AI Image Generator](https://ai-image-gen.reflex.run/) - An app to generate images using AI.
- [CI Template App](https://cijob.reflex.run/) - A template for continuous integration.
- [API Admin Panel](https://api-admin-panel.reflex.run/) - An admin panel for an API.
- [NBA Statistics](https://nba-new.reflex.run/) - A data visualization app for NBA data.
- [Customer Data App](https://customer-data-app.reflex.run/) - An app to manage customer data.

### Not a long-list of apps

- [Translator](https://translator.reflex.run/) - A Translator made in Reflex for everybody.
- [Demo](https://demo.reflex.run/) - A demo app showcasing Reflex's abilities.
- [Traversal](https://traversal.reflex.run/) - A Graph Traversal App.
- [Quiz](https://quiz.reflex.run/) - A Python Quiz App.
- [Dalle](https://dalle.reflex.run/) - An image generator app.

## 📖 Resources

## Official Resources

- [How Reflex works](https://reflex.dev/docs/getting-started/how-reflex-works/) - Understand Reflex's core principles
- [Getting Started](https://reflex.dev/docs/getting-started/introduction/) - Begin your Reflex journey

## External Resources

### Podcasts

- [TalkPython](https://talkpython.fm/episodes/show/483/reflex-framework-frontend-backend-pure-python) - Insights on the framework

### Articles

- [Creating Tables](https://reflex.dev/blog/2024-06-28-using-table-component/) - Master dynamic data presentation techniques
- [Custom Components](https://reflex.dev/blog/2024-04-16-custom-components/) - Build reusable interface elements expertly
- [Structuring a Large App](https://reflex.dev/blog/2024-03-27-structuring-a-large-app/) - Architect scalable web applications effectively
- [Designing a Pure Python Web Framework](https://reflex.dev/blog/2024-03-21-reflex-architecture/) - Explore advanced framework architecture patterns
- [New Core Graphing Components](https://reflex.dev/blog/2024-10-11-graphing-update/) - Create stunning data visualizations easily
- [Unlocking New Workflows with Background Tasks](https://reflex.dev/blog/2023-09-28-unlocking-new-workflows-with-background-tasks/) - Optimize asynchronous task processing

### Tutorials

- [Build a Python App with Neon](https://neon.tech/docs/guides/reflex) - Create Neon database applications
- [Embed Checkout in Reflex](https://github.com/joyhchen/reflex-embedded-checkout) - Stripe embedded checkout implementation
- [Implementing Sign in with Google](https://reflex.dev/blog/2023-10-25-implementing-sign-in-with-google/) - Google sign-in for the scalable apps.

### Videos

- [Building an AI chat app](https://www.youtube.com/watch?v=ITOZkzjtjUA) - Create powerful conversational interfaces
- [Animated Sidebar Menu](https://youtu.be/jQMsWL0g0jc) - Master smooth navigation animations
- [Web App UI](https://youtu.be/uBx2T7ltQK0) - Craft beautiful responsive interfaces
- [Data Table Automation](https://youtu.be/j8ZX6bRynZ8) - Streamline complex data displays
- [Login UI](https://youtu.be/FnEXy6we_5k) - Design secure authentication flows
- [Web Auth Trailer](https://youtu.be/P5rBlAzoxP0) - Preview authentication features
- [Ultimate Full Stack Python Web App](https://youtu.be/Gk6f3COcmYs) - Build complete web applications
- [Fullstack App Masterclass](https://youtu.be/5lTBC8i4vWM) - Master modern web development
- [How to make REST API](https://youtu.be/xOXhir-kMuU) - Create robust backend services
- [Full Stack App Tutorial](https://youtu.be/lcSKCc7Nuqw) - Build production-ready applications
- [Yet Another Full Stack App](https://youtu.be/3XT-AMLFLK0) - Explore advanced development patterns
- [Minimal Analog Clock](https://youtu.be/heFUIjrNWYA) - Create elegant time displays
- [Simple Task Tracker](https://youtu.be/JyY2sZIrGb0) - Build productivity applications
- [Modern Web Apps](https://youtu.be/mwB_AVPKnxg) - Design contemporary interfaces
- [Full Playlist by Line Indent](https://www.youtube.com/playlist?list=PLDHA4931gtc7wHBDGQOYlmcpZm7qyici7) - Complete video tutorial series

### Cheatsheets

- [API Reference](https://reflex.dev/docs/api-reference/app/) - An official API reference for making a Reflex app.

## 📦 Component Libraries

- [`reflex-chakra`](https://chakra.reflex.run/introduction/) - A simple, modular and accessible component library (wrapped).
- [`reflex-clerk`](https://pypi.org/project/reflex-clerk/) - Custom Reflex component library for integration with Clerk, a user authentication and management platform. 
- [`reflex-color-picker`](https://pypi.org/project/reflex-color-picker/) - A color picker
- [`reflex-chat`](https://pypi.org/project/reflex-chat/) - A chat component
- [`reflex-local-auth`](https://pypi.org/project/reflex-local-auth/) - Local authentication
- [`reflex-nav-menu`](https://pypi.org/project/reflex-nav-menu/) - A navigation menu component
- [`reflex-intersection-observer`](https://pypi.org/project/reflex-intersection-observer/) - Intersection observer
- [`reflex-echarts`](https://pypi.org/project/reflex-echarts/) - ECharts integration
- [`reflex-google-recaptcha-v2`](https://pypi.org/project/reflex-google-recaptcha-v2/) - Google reCAPTCHA v2 integration
- [`reflex-simpleicons`](https://pypi.org/project/reflex-simpleicons/) - SimpleIcons integration
- [`reflex-image-zoom`](https://pypi.org/project/reflex-image-zoom/) - Image zoom component
- [`reflex-webcam`](https://pypi.org/project/reflex-webcam/) - Webcam integration
- [`reflex-motion`](https://pypi.org/project/reflex-motion/) - Motion animations
- [`reflex-magic-link-auth`](https://pypi.org/project/reflex-magic-link-auth/) - Magic link authentication
- [`reflex-google-auth`](https://pypi.org/project/reflex-google-auth/) - Google authentication
- [`reflex-spline`](https://pypi.org/project/reflex-spline/) - Spline integration
- [`reflex-audio-capture`](https://pypi.org/project/reflex-audio-capture/) - Audio capture component
- [`reflex-calendar`](https://pypi.org/project/reflex-calendar/) - Calendar component
- [`reflex-dynoselect`](https://pypi.org/project/reflex-dynoselect/) - Dynamic select component
- [`reflex-simple-password`](https://pypi.org/project/reflex-simple-password/) - Simple password input
- [`reflex-antd`](https://pypi.org/project/reflex-antd/) - Ant Design integration
- [`reflex-resizable-panels`](https://pypi.org/project/reflex-resizable-panels/) - Resizable panels
- [`reflex-animated-cursor`](https://pypi.org/project/reflex-animated-cursor/) - Animated cursor component
- [`reflex-monaco`](https://pypi.org/project/reflex-monaco/) - Monaco editor integration
- [`reflex-qrcode`](https://pypi.org/project/reflex-qrcode/) - QR code generator
- [`reflex-lottiefiles`](https://pypi.org/project/reflex-lottiefiles/) - LottieFiles integration
- [`reflex-giscus`](https://pypi.org/project/reflex-giscus/) - A GitHub-powered commenting system for Reflex applications.
- [`reflex-wordcloud`](https://pypi.org/project/reflex-wordcloud/) - Word cloud generator
- [`reflex-ag-grid`](https://pypi.org/project/reflex-ag-grid/) - AG Grid integration

## 🔐 Databases and Authentication

- [Alembic](https://alembic.sqlalchemy.org/en/latest/) - Database migrations made easy
- [SQLModel](https://sqlmodel.tiangolo.com/) - SQL databases with Pydantic
- [Neon](https://neon.tech) - Serverless Postgres database service
- [Clerk](https://clerk.com/) ([auth library](https://kroo.github.io/reflex-clerk/)) - Authentication and user management
- [Firebase](https://youtu.be/JRGyvjjWb00?list=PLDHA4931gtc7wHBDGQOYlmcpZm7qyici7) - Backend services for apps

## 🔗 Checkout/Social media links

<div align="center">
    <table>
      <tr>
        <td><a href="https://forum.reflex.dev/"><img src="https://img.shields.io/badge/Forum-Blue?logo=forum" alt="Forum Badge"></a></td>
        <td><a href="https://discord.gg/T5WSbC2YtQ"><img src="https://img.shields.io/badge/Discord-7289DA?logo=discord" alt="Discord Badge"></a></td>
        <td><a href="https://www.linkedin.com/company/reflex-dev/"><img src="https://img.shields.io/badge/LinkedIn-0077B5?logo=linkedin" alt="LinkedIn Badge"></a></td>
        <td><a href="https://twitter.com/getreflex"><img src="https://img.shields.io/badge/X-1DA1F3?logo=X" alt="Twitter Badge"></a></td>
        <td><a href="https://www.ycombinator.com/companies/reflex"><img src="https://img.shields.io/badge/YC-007080?logo=ycombinator" alt="YC Badge"></a></td>
        <td><a href="https://www.youtube.com/@reflex-dev"><img src="https://img.shields.io/badge/YouTube-FF0000?logo=youtube" alt="YouTube Badge"></a></td>
      </tr>
    </table>
</div>

[reflex.md Github](https://github.com/reflex-dev/awesome-reflex
)
