PyView

PyView Live Demos

GitHub

Basic Counter

Gotta start somewhere, right? This example shows how to send click events to the backend to update state. We also snuck in handling URL params.

View Demo → Source

Basic Counter with PubSub

The counter example, but with PubSub. Open this example in multiple windows to see the state update in real time across all windows.

View Demo → Source

Volume Control

Keyboard events!

View Demo → Source

Registration Form Validation

Form validation using Pydantic

View Demo → Source

More Form Validation

View Demo → Source

Table Pagination

Table Pagination, and updating the URL from the backend.

View Demo → Source

Podcasts

URL Parameters, client navigation updates, and dynamic page titles.

View Demo → Source

Realtime Status Dashboard

Pushing updates from the backend to the client.

View Demo → Source

JS Commands

JS Commands let you update the DOM without making a trip to the server.

View Demo → Source

Web Ping

Another example of pushing updates from the backend to the client.

View Demo → Source

Presence

A simple example of presence tracking. Open this example in multiple windows.

View Demo → Source

Maps

A simple example of using Leaflet.js with PyView, and sending information back and forth between the liveview and the JS library.

View Demo → Source

File Upload

File upload example, with previews and progress bars.

View Demo → Source

Kanban Board

A simple Kanban board example with drag and drop (another hooks example showing integration w/ SortableJS).

View Demo → Source

Template Includes

This example shows how to include templates in other templates.

View Demo → Source