-
Notifications
You must be signed in to change notification settings - Fork 59
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Robot Updated at:23 Nov 2024 21:10:12 GMT
- Loading branch information
1 parent
eef06cb
commit 9725c86
Showing
10 changed files
with
771 additions
and
82 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,149 @@ | ||
<div class="github-widget" data-repo="reflex-dev/awesome-reflex"></div> | ||
<!--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. | ||
|
||
|
||
|
||
## 🛠️ 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/) - A library for managing and displaying data in Reflex applications. | ||
- [`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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.