Flet for Pyodide - build standalone SPA in Python with Flutter UI.
Project description
Flet for Pyodide - build standalone Single-Page Applications (SPA) in Python with Flutter UI
Flet is a rich User Interface (UI) framework to quickly build interactive web, desktop and mobile apps in Python without prior knowledge of web technologies like HTTP, HTML, CSS or JavaSscript. You build UI with controls based on Flutter widgets to ensure your programs look cool and professional.
Requirements
- Python 3.7 or above on Windows, Linux or macOS
Installation
pip install flet
Create the app
Create main.py file with the following content:
import flet as ft
def main(page: ft.Page):
page.title = "Flet counter example"
page.vertical_alignment = ft.MainAxisAlignment.CENTER
txt_number = ft.TextField(value="0", text_align=ft.TextAlign.RIGHT, width=100)
def minus_click(e):
txt_number.value = str(int(txt_number.value) - 1)
page.update()
def plus_click(e):
txt_number.value = str(int(txt_number.value) + 1)
page.update()
page.add(
ft.Row(
[
ft.IconButton(ft.icons.REMOVE, on_click=minus_click),
txt_number,
ft.IconButton(ft.icons.ADD, on_click=plus_click),
],
alignment=ft.MainAxisAlignment.CENTER,
)
)
ft.app(main)
Run the app
flet run --web main.py
Publish app as a static website
flet publish main.py
A static website is published into ./dist directory.
Test website
python -m http.server --directory dist
Open http://localhost:8000 in your browser to check the published website.
Deploy website
Deploy a static website to any free hosting such as GitHub Pages, Cloudflare Pages or Vercel!
Learn more
Visit Flet website.
Continue with Python guide to learn how to make a real app.
Browse for more Flet examples.
Join to a conversation on Flet Discord server.
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
Filter files by name, interpreter, ABI, and platform.
If you're not sure about the file name format, learn more about wheel file names.
Copy a direct link to the current filters
File details
Details for the file flet_contrib_pyodide-2024.10.12.1847.tar.gz.
File metadata
- Download URL: flet_contrib_pyodide-2024.10.12.1847.tar.gz
- Upload date:
- Size: 4.1 kB
- Tags: Source
- Uploaded using Trusted Publishing? No
- Uploaded via: twine/5.1.1 CPython/3.12.7
File hashes
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 |
60e0615636cc07a9cf878e96fafa198718fd6847c9fa177ee54cee197b1c274d
|
|
| MD5 |
a9c2f1c874f4afbe53826ca2033ecf64
|
|
| BLAKE2b-256 |
1bff2a2ce7879776ef377dfac837ad79d6de9dbaef84d7130841b04a27f566ea
|
File details
Details for the file flet_contrib_pyodide-2024.10.12.1847-py3-none-any.whl.
File metadata
- Download URL: flet_contrib_pyodide-2024.10.12.1847-py3-none-any.whl
- Upload date:
- Size: 5.5 kB
- Tags: Python 3
- Uploaded using Trusted Publishing? No
- Uploaded via: twine/5.1.1 CPython/3.12.7
File hashes
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 |
00f15fd0fb484ed474abe1ca270e535369ce05f96f8c6898c55a0c89928b906b
|
|
| MD5 |
22145ea9e4d18ee4927e3624ea3dff1d
|
|
| BLAKE2b-256 |
469b01cc37664b6ee58f12c1e5b1f9ce9d0453a3a96b07a5f046128e391564b6
|
