    <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">

Reflex 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
- 🛠️ Example Apps and Templates
  - Official Templates
  - Not a long-list of apps
- 📖 Resources
- Official Resources
- External Resources
  - Podcasts
  - Articles
  - Tutorials
  - Videos
  - Cheatsheets
- 📦 Component Libraries
- 🔐 Databases and Authentication
- 🔗 Checkout/Social media links

## 🛠️ Example Apps and Templates

A repo of complete Reflex examples can be found here.

Reflex’s own website was built using Reflex! See code on GitHub.

### Official Templates

- Blank Template - A minimal template.
- Dashboard App - A dashboard with tables and graphs.
- Sales Management - An app to manage sales and customers.
- AI Image Generator - An app to generate images using AI.
- CI Template App - A template for continuous integration.
- API Admin Panel - An admin panel for an API.
- NBA Statistics - A data visualization app for NBA data.
- Customer Data App - An app to manage customer data.

### Not a long-list of apps

- Translator - A Translator made in Reflex for everybody.
- Demo - A demo app showcasing Reflex’s abilities.
- Traversal - A Graph Traversal App.
- Quiz - A Python Quiz App.
- Dalle - An image generator app.

## 📖 Resources

## Official Resources

- How Reflex works - Understand Reflex’s core principles
- Getting Started - Begin your Reflex journey

## External Resources

### Podcasts

- TalkPython - Insights on the framework

### Articles

- Creating Tables - Master dynamic data presentation techniques
- Custom Components - Build reusable interface elements expertly
- Structuring a Large App - Architect scalable web applications effectively
- Designing a Pure Python Web Framework - Explore advanced framework architecture patterns
- New Core Graphing Components - Create stunning data visualizations easily
- Unlocking New Workflows with Background Tasks - Optimize asynchronous task processing

### Tutorials

- Build a Python App with Neon - Create Neon database applications
- Embed Checkout in Reflex - Stripe embedded checkout implementation
- Implementing Sign in with Google - Google sign-in for the scalable apps.

### Videos

- Building an AI chat app - Create powerful conversational interfaces
- Animated Sidebar Menu - Master smooth navigation animations
- Web App UI - Craft beautiful responsive interfaces
- Data Table Automation - Streamline complex data displays
- Login UI - Design secure authentication flows
- Web Auth Trailer - Preview authentication features
- Ultimate Full Stack Python Web App - Build complete web applications
- Fullstack App Masterclass - Master modern web development
- How to make REST API - Create robust backend services
- Full Stack App Tutorial - Build production-ready applications
- Yet Another Full Stack App - Explore advanced development patterns
- Minimal Analog Clock - Create elegant time displays
- Simple Task Tracker - Build productivity applications
- Modern Web Apps - Design contemporary interfaces
- Full Playlist by Line Indent - Complete video tutorial series

### Cheatsheets

- API Reference - An official API reference for making a Reflex app.

## 📦 Component Libraries

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

## 🔐 Databases and Authentication

- Alembic - Database migrations made easy
- SQLModel - SQL databases with Pydantic
- Neon - Serverless Postgres database service
- Clerk (auth library) - Authentication and user management
- Firebase - Backend services for apps

## 🔗 Checkout/Social media links

    <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>

reflex.md Github