Skip to main content

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

Sample app in a browser

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 files for flet-contrib-pyodide 2024.11.26.2059

For a detailed explanation of source distributions (sdists) and built distributions (wheels), please see the package formats documentation.

Source distribution (sdist)

Source distribution for flet-contrib-pyodide 2024.11.26.2059
File Size Uploaded
flet_contrib_pyodide-2024.11.26.2059.tar.gz 4.1 kB Details

Built distribution (wheel)

Table of built distributions (wheels) for flet-contrib-pyodide 2024.11.26.2059
File Interpreter ABI Platform
flet_contrib_pyodide-2024.11.26.2059-py3-none-any.whl Python 3 none any Details

Total release size: 9.6 kB

Release files / flet_contrib_pyodide-2024.11.26.2059.tar.gz

Download URL flet_contrib_pyodide-2024.11.26.2059.tar.gz
Size 4.1 kB
Tags Source
SHA-256 checksum
How to use checksums
fd6ab8d21e4e3e5ce09a90571b4024164fd5a2e5b68fb483593286cb431c29c8
BLAKE2b-256 checksum
How to use checksums
a796dea5d1ee667e3422a9e8b19681bd107f79fec04dbe8d0ccc0863200dd571
Upload date
Uploaded using Trusted Publishing?
What is trusted publishing?
No
Uploaded via twine/5.1.1 CPython/3.12.7

Release files / flet_contrib_pyodide-2024.11.26.2059-py3-none-any.whl

Download URL flet_contrib_pyodide-2024.11.26.2059-py3-none-any.whl
Size 5.5 kB
Tags Python 3
SHA-256 checksum
How to use checksums
1d3881ca85f277bde2a61e4622bf3125b66222d0c91b2f0f8b79f6ae0b1343a8
BLAKE2b-256 checksum
How to use checksums
28b788bdd924dd0d34691078a8855ecce005f9d8f3322e0b044104e81ba43176
Upload date
Uploaded using Trusted Publishing?
What is trusted publishing?
No
Uploaded via twine/5.1.1 CPython/3.12.7

Release history Release notifications | RSS feed

This release

2024.11.26.2059 This release

2 release files

0.2.0

2 release files

Anthropic, PBC Visionary sponsor Bloomberg Visionary sponsor Hudson River Trading Visionary sponsor Meta Visionary sponsor NVIDIA Visionary sponsor Microsoft Sustainability sponsor Depot Continuous Integration AWS Cloud computing and Security Sponsor Datadog Monitoring Fastly CDN Google Download Analytics Sentry Error logging StatusPage Status page