Learn PYSCRIPT with Real Code Examples

PyScript leverages WebAssembly and Pyodide to execute Python in the browser.

Python scripts can be embedded in HTML using `<py-script>` tags.

Supports interaction with JavaScript, DOM, and browser APIs.

Allows building web apps, interactive visualizations, and widgets using Python.

Runs entirely client-side, no server is required for Python execution.

Python interpreter running in browser via WebAssembly

Direct DOM manipulation and event handling from Python

Import Python packages dynamically in browser

Interactive widgets for GUI elements

Hybrid code execution with Python and JavaScript

`<py-script>` tag runs embedded Python code.

Python can interact with DOM elements using `Element` API.

Event listeners and callbacks work similar to JavaScript.

Python packages can be imported dynamically using `py-env`.

Python code executes asynchronously in browser sandbox.

HTML file as entry point

Optional linked Python scripts

`<py-script>` tags contain main Python logic

PyScript packages declared in `py-env` section

Output rendered in browser DOM or interactive widgets

Write Python code inside `<py-script>` tags in HTML.

Optionally include `py-env` for package dependencies.

Use `Element` API to manipulate DOM and respond to events.

Test code in browser and debug via console.

Iterate and refine Python logic while observing output in page.

Beginner: simple Python scripts manipulating HTML

Intermediate: interactive widgets and event handling

Advanced: integrating Python data libraries (Pandas, Matplotlib)

Expert: complex web apps combining Python and JS

Architect: educational platforms and interactive notebooks

PyScript vs Flask/Django: PyScript is client-side, no server required.

PyScript vs Brython: PyScript uses Pyodide for better package support.

PyScript vs Jupyter Notebook: PyScript is browser-integrated web app, Jupyter is interactive notebook.

PyScript vs JavaScript: PyScript allows Python code for web, JS is native.

PyScript vs Anvil: Anvil provides full backend, PyScript is front-end focused.

2022 - PyScript announced by Anaconda

2022 - Initial alpha release with basic Pyodide integration

2023 - Improved package management and widgets

2023 - Enhanced DOM interaction and event handling

2024 - Expanded documentation and tutorials

2024 - Added support for more Python packages

2025 - Optimized performance and async support

2025 - Increased stability for educational use

Future - Production-ready frameworks and larger ecosystem support

PyScript - framework to run Python in browser

Pyodide - WebAssembly Python runtime

DOM - Document Object Model for HTML elements

py-env - declare Python package dependencies

Element API - interface to access DOM elements from Python