#PyNote: A zero-setup, serverless Python notebook environment that runs entirely in the browser

6 messages · Page 1 of 1 (latest)

frosty thunder
#

I am getting closer to the first release of PyNote and Im very excited to share it and hopefully start building a community around this app.

What is PyNote?

PyNote is an interactive python notebook environment. Like some other notebook environments like JupyterLite, PyNote uses Pyodide (wasm) to execute python code using your browser. Nothing gets sent to the server etc. The hosting server's only job is to serve the app to users. Thats it.

What's so special about PyNote?

The last bit above helps answer this question. Because PyNote executes in your browser, it doesnt have access to powerful hardware and hardware features that servers could provide (think Kaggle/Colaboratory and the GPU compute they offer...sometimes not for free). So, instead of trying to replace heavy-duty compute environments, where PyNote tries to excel is in presentation!

**Side note: **For what it is, PyNote actually has very good performance. You will feel that it is quick and smooth and this was achieved thanks mostly to "architecting" with performance in mind and doing so using a modern tech stack.

Back to presentation. The UI is built with Tailwind CSS that provides semantic class names and a powerful theming system. PyNote provides a build-in pynote_ui UI component package that provides polished components for users to build interactive & reactive 'widgets' with. PyNote allows extensive configuration of look/theme. You can adjust the following for the whole notebook:

Colors (background, foreground, primary, secondary, accent, H1-4, and more), fonts, backgrounds (app, cells, components), and spacing (line, block, header, cell, and more)

There is also a presentation mode!

The goal: notebooks that look good enough to publish, share, present, and use in blogs, documentation, and articles.

Live tutorial:
https://pynote-notebook.vercel.app/?open=tutorial

Source:
https://github.com/bouzidanas/pynote-notebook-editor

GitHub

Contribute to bouzidanas/pynote-notebook-editor development by creating an account on GitHub.

#

Quick tips for early explorers:

Press Ctrl-\ to open shortcuts panel/dialog
Press Alt-P to enter presentation mode
Press Alt-T to enter theme configuration

#

Calculator 'widget' built with pynote_ui components

#

Plot widget with multiple inputs!

#

stacked dots plot

#

what you see is what you get markdown editor (Milkdown with additional formatting options)