15 KiB
15 KiB
!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)
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
reflex Github: https://github.com/reflex-dev/awesome-reflex