<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