Reflex

repo: reflex-dev/awesome-reflex
category: Back-End Development

</div>

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