168 lines
11 KiB
Markdown
168 lines
11 KiB
Markdown
<!--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">
|
||
|
||
[](https://badge.fury.io/py/reflex)
|
||
|
||
[](https://reflex.dev/docs/getting-started/introduction)
|
||
[](https://discord.gg/T5WSbC2YtQ)
|
||
[](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
|
||
)
|