Skip to main content

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

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.

Project details


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

flet_contrib_pyodide-2024.11.23.1634.tar.gz (4.1 kB view details)

Uploaded Source

Built Distribution

File details

Details for the file flet_contrib_pyodide-2024.11.23.1634.tar.gz.

File metadata

File hashes

Hashes for flet_contrib_pyodide-2024.11.23.1634.tar.gz
Algorithm Hash digest
SHA256 62b25bb7be773375c58c5fa2eb9200670437311a95b788a59cf26349b8b3f4c7
MD5 ac6aef384289092ed15ee04d0f430a44
BLAKE2b-256 ec444e8a0e134ca1c84739ed651cc22e62effb6ef1cdba5d915b347bf20d3d51

See more details on using hashes here.

File details

Details for the file flet_contrib_pyodide-2024.11.23.1634-py3-none-any.whl.

File metadata

File hashes

Hashes for flet_contrib_pyodide-2024.11.23.1634-py3-none-any.whl
Algorithm Hash digest
SHA256 ac2b3fb0c4b904ff60ad9c6092d5fcc17ee247b74f7aeecd59c1635abd4df013
MD5 e7cd8f3bcf7d69c9a64bfb6e82f8ecb3
BLAKE2b-256 26adcec0d9a58462bcb3a868599c06de972df6ce38d2d4320e957ebbb26f4b28

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page