The browser DOM, in Python.
Generate HTML. Parse real pages. Query with CSS or XPath. Manipulate a browser-style DOM.
Learn real HTML, DOM and JavaScript-style APIs from Python code that uses the same names and ideas.
Then render it, serve it, scrape it, transform it, or do something strange with it.
domonic is a pure-Python DOM toolkit inspired by the browser platform.
It gives you one document model for creating, parsing, querying, traversing, manipulating and rendering markup.
If you are a Python developer learning the web platform, domonic lets you write
HTML tags, DOM methods, CSS selectors and JavaScript-shaped helpers directly in
Python. The code you practise here maps back to browser concepts such as
querySelectorAll(), appendChild(), textContent, Array.map(), Promise
and fetch.
If you are a JavaScript developer who needs to use Python, the same idea works in reverse. domonic gives you familiar browser names and patterns in a Python package, so Python scripts can still feel like DOM, HTML, CSS selectors, Web APIs and JavaScript utilities rather than a completely different world.
from domonic.html import *
page = html(
body(
h1("Hello, World!"),
p("HTML as Python objects."),
a("GitHub", _href="https://github.com")
)
)
print(page)<html><body><h1>Hello, World!</h1><p>HTML as Python objects.</p><a href="https://github.com">GitHub</a></body></html>But generating HTML is only the beginning.
heading = page.querySelector("h1")
heading.textContent = "Hello, DOM!"
for link in page.querySelectorAll("a"):
print(link.href)The same kind of DOM can also come from parsed HTML.
from domonic import domonic
document = domonic.parseString("""
<html>
<body>
<h1>Hello</h1>
<a href="/docs">Documentation</a>
</body>
</html>
""")
print(document.querySelector("h1").textContent)Create it. Parse it. Query it. Change it. Render it.
That is the central idea: you can learn browser HTML, DOM traversal, CSS selectors and JavaScript-like programming without leaving Python.
Or, coming from JavaScript, you can use Python without giving up the DOM-shaped tools you already know.
from domonic.bs4 import BeautifulSlop
soup = BeautifulSlop("<main><a href='/docs'>Docs</a></main>", "html.parser")
for link in soup.find_all("a", href=True):
print(link.text, link["href"])
# Same object, still domonic:
print(soup.querySelector("a").getAttribute("href"))from domonic.html import a, article, h2, p
def card(title, body, href):
return article(h2(title), p(body), a("Open", _href=href), _class="card")
print(card("Python DOM", "Generate HTML with Python objects.", "/docs"))from domonic.webapi.sanitizer import Sanitizer
clean = Sanitizer().sanitizeToString(
'<p onclick="bad()">Hello <script>bad()</script></p>'
)
print(clean)from domonic.diffdom import DiffDOM
from domonic.html import div, p
old = div(p("Version one"))
new = div(p("Version two"))
changes = DiffDOM().diff(old, new)
print(changes)More focused guides:
Python already has HTML generators, parsers and XML libraries.
domonic is interested in something broader:
What if Python had a practical, browser-flavoured document platform?
That makes it useful both as a production toolkit and as a learning bridge. A
Python developer can build pages with div(), inspect them with
querySelector(), move nodes with appendChild(), parse URLs with URL(),
and use familiar JavaScript collection methods without switching
mental models every five minutes.
For JavaScript developers, domonic makes Python feel less alien: selectors, nodes, events, URL parsing, JSON helpers, timers, promises, fetch-style APIs and DOM mutation all live behind names that already mean something.
So the project brings together:
| 🏗️ Markup generation | HTML5, SVG, XML, MathML, RSS, Atom, ODF, A-Frame, X3D and custom elements |
| 🌳 DOM | Document, Element, Node, NodeList, fragments, ranges, events, traversal, observers, shadow DOM and more |
| 🔎 Querying | CSS selectors and XPath |
| 📥 Parsing | Multiple interchangeable parser backends |
| 🌐 Web APIs | URL, URLPattern, storage, messaging, workers, crypto, performance, permissions and more |
| 🟨 JavaScript-like APIs | Array, Date, Math, String, Number, Promise, timers, typed arrays and JSON helpers |
| ⚡ CLI | Query URLs, files or piped HTML with CSS and XPath |
| 🧪 Experiments | dQuery, d3-inspired utilities, diffdom, BeautifulSlop and other browser-inspired ideas |
Python 3.10+.
python3 -m pip install domonicUpgrade:
python3 -m pip install --upgrade domonicThen:
from domonic.html import *
print(h1("hello world"))HTML elements are ordinary Python objects.
The tag names are the HTML names. The attribute names are the HTML names with a Python-friendly leading underscore where needed. That means examples often read like HTML with Python syntax:
from domonic.html import *
card = div(
h2("domonic"),
p("The browser DOM, in Python."),
a("Documentation", _href="https://domonic.readthedocs.io"),
_class="card"
)
print(card)Attributes are prefixed with _ to avoid collisions with Python keywords:
label("Email", _for="email", _class="label")<label for="email" class="label">Email</label>For attributes that cannot be expressed as Python identifiers:
div(
"hello",
**{"_data-user-id": "42"}
)domonic elements are more than formatted strings.
They're nodes in a document tree.
from domonic.html import *
page = html(
body(
main(
h1("Projects"),
ul(
li("domonic"),
li("Blueberry"),
li("ezcron")
)
)
)
)
print(page.querySelector("h1"))
print(page.querySelectorAll("li"))Manipulate the tree using familiar DOM concepts:
title = page.querySelector("h1")
title.textContent = "Open source projects"
new_item = document.createElement("li")
new_item.textContent = "something new"
page.querySelector("ul").appendChild(new_item)The project aims to follow the real platform where practical:
See the DOM documentation for the implemented API.
Use browser-style selectors directly against the tree.
page.querySelector("button")
page.querySelector("#content")
page.querySelector(".active")
page.querySelectorAll("a")
page.querySelectorAll("a[rel=nofollow]")
page.querySelectorAll("a[href='#services']")
page.querySelectorAll("a[href$='technology']")
page.querySelectorAll("a[href*='github']")for link in page.querySelectorAll("a"):
print(link.href)XPath is available too.
From Python:
from domonic import domonic
page = domonic.parseString("<main><h1>Hello</h1></main>")
# use XPath against your document treeOr straight from your terminal:
domonic -x https://example.com '//a'Against a local file:
domonic --xpath-file ./page.html '//title'Or pipe HTML directly into it:
curl -s https://example.com | domonic -x '//a' --countfrom domonic import domonic
page = domonic.parseString("""
<!doctype html>
<html>
<body>
<article>
<h1>Hello from HTML</h1>
</article>
</body>
</html>
""")
print(page.querySelector("h1"))You can also load a page through the window API:
from domonic.window import window
window.location = "https://example.com"
print(window.document.title)One parser does not fit every job.
domonic lets you choose between zero dependencies, pure Python compatibility, malformed-HTML repair and high-performance native parsers.
from domonic import domonic
page = domonic.parseString("<p>Hello</p>", parser="html.parser")
page = domonic.parseString("<p>Hello</p>", parser="html5lib")
page = domonic.parseString("<p>Hello</p>", parser="lxml_html")
page = domonic.parseString("<p>Hello</p>", parser="markupever")
page = domonic.parseString("<p>Hello</p>", parser="selectolax")
page = domonic.parseString("<p>Hello</p>", parser="html5_parser")
page = domonic.parseString("<p>Hello</p>", parser="justhtml")
page = domonic.parseString("<p>Hello</p>", parser="expat")Set one for your application:
from domonic import domonic
domonic.set_default_parser("html.parser")
page = domonic.parseString("<p>Hello</p>")| Parser | Why use it? |
|---|---|
markupever |
Fast Rust-powered HTML repair; uses the shared lxml DOM adapter |
lxml_html |
Very fast lxml-backed parsing and direct lxml DOM adaptation |
html.parser |
Python standard library; no extra dependency |
selectolax |
Fast native HTML parsing through the shared lxml DOM adapter |
html5_parser |
Fast HTML5 parsing through the shared lxml DOM adapter |
justhtml |
Pure-Python alternative |
html5lib |
Pure Python and bundled with domonic |
expat |
Built into Python; useful for XML-like input |
Optional parsers require their respective packages.
Install the native parser stack like this:
python -m pip install markupever lxml
python -m pip install selectolax lxml
python -m pip install html5-parser lxmlFor parser details and installation notes, see the documentation.
Every element can be rendered with str():
from domonic.html import *
page = div(
h1("Hello"),
p("Rendered from a Python DOM.")
)
markup = str(page)
print(markup)Write documents to disk with render:
render(f"{page}", "index.html")Rendering behaviour can be configured through DOMConfig.
from domonic.dom import DOMConfig
print(DOMConfig.GLOBAL_AUTOESCAPE)
print(DOMConfig.RENDER_OPTIONAL_CLOSING_TAGS)See the docs for all rendering options.
domonic includes a large practical slice of JavaScript's familiar APIs.
from domonic.javascript import Math, Array, Date
print(Math.random())
numbers = Array(1, 2, 3)
print(numbers.splice(1))from domonic.javascript import URL
url = URL("https://example.com:8000/blog/article#hello")
print(url.protocol)
print(url.host)
print(url.port)
print(url.pathname)
print(url.hash)Timers are there too:
from domonic.javascript import setTimeout
def hello():
print("hello")
setTimeout(hello, 1000)Other APIs include things such as:
String · Number · Promise · JSON · typed arrays · timers · URL helpers · global functions
This JavaScript-like layer also powers some of domonic's more unusual experiments.
The web platform is much bigger than the DOM.
domonic implements or experiments with Python versions of APIs including:
URLURLSearchParamsURLPattern- Fetch / XHR helpers
- Web Storage
- Cookie Store
- History
- File API
- Web Crypto
- Web Workers
- WebSocket
- Server-Sent Events
- Messaging
- Permissions
- Notifications
- Performance APIs
- Scheduler /
postTask - Sanitizer
- Compression streams
- Canvas / WebGL
- CSS font loading
- Gamepad
- Media APIs
- Import maps
- Speculation rules
- Custom elements
- Shadow DOM
- Mutation / tree observation
- XPath
…and more.
The README deliberately doesn't try to document all of them.
👉 Browse the domonic documentation
The DOM isn't only HTML.
domonic can build other document types using the same object-oriented approach.
from domonic.html import *
from domonic.svg import *
icon = svg(
circle(
_cx="50",
_cy="50",
_r="40",
_stroke="green",
_fill="yellow"
),
_width="100",
_height="100"
)
print(icon)There is also support for:
- XML
- MathML
- RSS
- Atom
- sitemaps
- ODF
- A-Frame
- X3D
- custom elements
See the documentation for the individual packages.
DOM-style property access works too.
from domonic.html import *
box = div("hello", _id="message")
box.style.backgroundColor = "black"
box.style.fontSize = "12px"
print(box)<div id="message" style="background-color:black;font-size:12px;">hello</div>Yes, there is also a jQuery-inspired API.
Because apparently implementing the DOM wasn't enough.
from domonic.html import *
from domonic.dQuery import º
page = html(
body(
li(_class="thing"),
div(_id="test")
)
)
print(º("#test"))
print(º(".thing"))Append nodes:
new_div = º('<div class="child"></div>')
º("#test").append(new_div)dQuery is useful in its own right, but it also serves as a demanding consumer of the underlying DOM implementation.
domonic also contains a Python port / interpretation of useful parts of the d3 ecosystem built on top of its JavaScript and DOM layers.
from domonic.d3 import *See the documentation and examples for current coverage.
domonic includes BeautifulSlop, a BS4-style compatibility experiment built over the domonic parsing system.
It exists for code that wants familiar soup-like ergonomics while still landing in the domonic world.
See the documentation and examples for current compatibility.
Convert Python data to JSON:
from domonic.decorators import as_json
@as_json
def response():
return {
"hello": "world",
"items": [1, 2, 3]
}
print(response())JSON arrays can also be turned into HTML tables or CSV:
import domonic.JSON as JSON
data = JSON.parse_file("data.json")
table = JSON.tablify(data)
JSON.csvify(data, "data.csv")And CSV can go the other way:
data = JSON.csv2json("data.csv")There is a small tweening library too.
from domonic.lerpy.easing import *
from domonic.lerpy.tween import *
position = {
"x": 0,
"y": 0,
"z": 0
}
tween = Tween(
position,
{"x": 10, "y": 5, "z": 3},
6,
Linear.easeIn
)
tween.start()domonic even contains Python wrappers around common command-line tools on Unix-like systems:
from domonic.terminal import *
print(ls())
print(pwd())
print(git("status"))
print(df())Or run an arbitrary command:
from domonic.terminal import command
command.run("echo hello")Windows users can use domonic.cmd.
These utilities are not the core reason to install domonic, but they're part of the project's broader experiment:
what familiar platform APIs become interesting when exposed naturally to Python?
domonic comes with a CLI for working with HTML without writing a script.
domonic -hdomonic -vdomonic -q https://example.com 'a'domonic -x https://example.com '//a'domonic -q https://example.com 'h1' --textdomonic -q https://example.com 'a' --attr hrefdomonic -q https://example.com 'a' --firstdomonic -x https://example.com '//a' --countdomonic --xpath-file ./page.html '//title'
domonic --query-file ./page.html 'a.cta'curl -s https://example.com | domonic -x '//a' --count
cat page.html | domonic -q 'a.cta' --attr hrefdomonic -e 'html(head(), body(h1("hello")))'domonic -p myprojectChoose a server:
domonic -p myproject --server fastapiBecause domonic elements are Python objects that render to markup, they work naturally in Python web applications.
The repository contains examples for frameworks including:
- FastAPI
- Flask
- Django
- Sanic
…and others.
A rough map of the project:
| Area | Includes |
|---|---|
| HTML | HTML5 tag generation and rendering |
| DOM | Document, Element, Node, events, ranges, traversal, fragments, observers |
| Selectors | CSS selectors + XPath |
| Parsing | html5lib, html.parser, lxml, markupever, selectolax, html5_parser, justhtml, expat |
| Documents | SVG, XML, MathML, RSS, Atom, ODF, sitemaps, A-Frame, X3D |
| Web APIs | URL, storage, workers, crypto, messaging, permissions, performance and more |
| JavaScript | Array, Date, Math, Promise, timers, typed arrays and helpers |
| Experiments | dQuery, d3-inspired utilities, BeautifulSlop, diffdom |
| Utilities | JSON/CSV tools, decorators, tweening, string/number/byte helpers |
| Developer tools | CLI, terminal wrappers, project scaffolding |
Not every API is implemented to browser-complete parity.
The goal is to make useful parts of the browser and document ecosystem available naturally from Python, while continuing to move closer to the real standards.
domonic is useful anywhere you want documents as programmable Python object trees.
For example:
- server-side rendering
- static-site generation
- HTML generation
- scraping utilities
- document transformation
- HTML repair and parsing
- XML / SVG generation
- testing markup
- browser API experiments
- Python-first templating
- command-line extraction
- document diffing
- web framework responses
- programmatic sitemaps and feeds
- tools that need to both read and write HTML
The interesting part is that these don't need separate mental models.
A generated document and a parsed document can live in the same DOM world.
There are working examples throughout the repository:
👉 github.com/byteface/domonic/tree/master/examples
Some projects built with domonic:
A browser-based file OS and an example of building components with domonic.
A cron viewer.
A small game.
A lightweight, low-dependency DOM-focused relative of domonic.
The README is the tour.
The docs are the manual.
Use the docs for detailed API coverage, package-specific examples and less common functionality.
Useful links:
Clone the repository and install the development dependencies:
python3 -m pip install -r requirements-dev.txtRun the test suite:
make testOr:
pytest testsRun an individual module:
python -m unittest tests.test_htmlCoverage:
coverage run -m unittest discover tests/
coverage reportThe tests are also useful as executable examples of the API.
Contributions are welcome.
- Fork the repository
- Create a branch
- Make your change
- Add or update tests where appropriate
- Open a pull request
See CONTRIBUTING.md for more information.
domonic started with a simple idea:
HTML should be easy to create from Python.
That led naturally to elements.
Elements led to a DOM.
A DOM led to selectors, events, traversal and parsing.
Then came JavaScript APIs, Web APIs, SVG, XPath, dQuery, workers, URL APIs, parsers, diffing and everything else that makes documents programmable.
The project is still guided by the same question:
What would the browser platform feel like if Python could use it directly?
If that sounds useful — or just interesting — give domonic a try.
pip install domonic⭐ If you find it useful, consider starring the project.
Documentation · PyPI · Examples · Releases