https://google.github.io/mesop/

[ ] [ ]
Skip to content
logo
Mesop
Home
( ) ( )
[                    ]
Initializing search

 
google/mesop

  * Home
  * Getting Started
  * Guides
  * Components
  * Demo Gallery 
  * Blog
  * Internal

logo Mesop
 
google/mesop

  * [ ] Home Home Table of contents
      + Try it
          o Colab
          o Locally
      + Disclaimer
  * Getting Started
  * [ ] Guides Guides
      + Components
      + Commands
      + Interactivity
      + Pages
      + Deployment
      + Web Security
      + Troubleshooting
      + Labs
  * [ ] Components Components
      + [ ] High-level High-level
          o Chat
          o Text to Text
          o Text to Image
      + [ ] Layout Layout
          o Box
          o Sidenav
      + [ ] Text Text
          o Text
          o Markdown
          o Code
      + [ ] Media Media
          o Image
          o Audio
          o Video
      + [ ] Form controls Form controls
          o Button
          o Checkbox
          o Input
          o Textarea
          o Radio
          o Select
          o Slide toggle
          o Slider
          o Uploader
      + [ ] Visual Visual
          o Badge
          o Divider
          o Icon
          o Progress bar
          o Progress spinner
          o Table
          o Tooltip
      + [ ] Styling Styling
          o Style
      + [ ] Advanced Advanced
          o Embed
          o Plot
  * Demo Gallery 
  * [ ] Blog Blog
      + Blog Home
      + [ ] Archive Archive
          o 2024
          o 2023
  * [ ] Internal Internal
      + Development
      + Architecture
      + Goals
      + New component
      + Hot reload
      + Modes
      + Testing
      + Type checking
      + CI
      + Build / Toolchain
      + Publishing

Table of contents

  * Try it
      + Colab
      + Locally
  * Disclaimer

Home

[robot_masc]
Quickly build web UIs in Python
Used at Google for rapid internal app development

Mesop is a Python-based UI framework that allows you to rapidly build
web apps like demos and internal apps:

Easy to get started

  * Write UI in idiomatic Python code
  * Skip the FE learning curve.
  * Ready to use components (e.g. chat)

Fast iteration

  * Hot reload so the browser automatically reloads and preserves
    state
  * Rich IDE support with strong type safety

Flexible & composable

  * Build custom UIs without writing Javascript/CSS/HTML
  * Compose your UI into components, which are just Python functions

See what you can build in less than 10 lines of code...

Check out how the above demo gallery was built in pure Mesop!

Try it

Colab

Try Mesop on Colab: Open In Colab

Locally

Step 1: Install it

 $ pip install mesop

Step 2: Copy the example above into main.py

Step 3: Run the app

 $ mesop main.py

Learn more in Getting Started.

Disclaimer

This is not an officially supported Google product.

Made with Material for MkDocs