/vdom

🎄 Virtual DOM for Python

Primary LanguageJupyter NotebookBSD 3-Clause "New" or "Revised" LicenseBSD-3-Clause

Why use VDOM?

  • Write Declarative Pythonic layouts.
  • Render the layout in Jupyter frontends (jupyterlab, nteract).
  • Serialize layout for rehydration in your web app.

Check out the power of VDOM!

Start with Python code and run it:

from IPython.display import display
from vdom.helpers import h1, p, img, div, b

display(
    div(
        h1('Our Incredibly Declarative Example'),
        p('Can you believe we wrote this ', b('in Python'), '?'),
        img(src="https://media.giphy.com/media/xUPGcguWZHRC2HyBRS/giphy.gif"),
        p('What will ', b('you'), ' create next?'),
    )
)

Voila! Your layout is served below:

Now Incredibly Declarative

Can you believe we wrote this in Python?

What will you create next?


Install the Python package

pip install vdom

Developer install from source code

git clone https://github.com/nteract/vdom
cd vdom
pip install -e .

Documentation

Find out more about nteract

Take a look at the nteract website to see other projects that we are working on.