Hyperdiv
Build reactive web UIs in Python
Install / Use
/learn @hyperdiv/HyperdivREADME
Hyperdiv
Hyperdiv is a framework for rapidly developing reactive browser UI apps in Python, with built-in components, terse immediate-mode syntax, and minimal tool boilerplate.
Hyperdiv includes the Shoelace component system, markdown support via Mistune, charts via Chart.js, support for reading/writing browser local storage, and forms whose validation logic is implemented in Python.
Click this image to watch the coding demo video:
<p align="center"> <a href="https://www.youtube.com/watch?v=4XJKfxaqvGE" target="_blank"> <img width="700" alt="video-image" src="https://github.com/hyperdiv/hyperdiv/assets/5980501/d5fafeee-c3a6-400c-b70b-fbec93dbf2e4"> </a> </p>Intro Article
Check out the website and read the intro article.
Demo Apps
There is a separate repo with a few demo apps built with Hyperdiv.
Installation
Install Hyperdiv from PyPI:
pip install hyperdiv
Hyperdiv requires Python 3.9+ and has been tested on macOS and Linux.
Documentation
After installing Hyperdiv, open the documentation app locally with the following command:
hyperdiv docs
The documentation app is built with Hyperdiv.
Roadmap
- Third-party plugins
- Distributed state
- Diffing changes to text inputs
- Visual component builder
- Performance improvements
Contact
If you're interested in deploying Hyperdiv, want to share ideas, or have questions, say hello.
Related Skills
node-connect
352.0kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
claude-opus-4-5-migration
111.1kMigrate prompts and code from Claude Sonnet 4.0, Sonnet 4.5, or Opus 4.1 to Opus 4.5
frontend-design
111.1kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
model-usage
352.0kUse CodexBar CLI local cost usage to summarize per-model usage for Codex or Claude, including the current (most recent) model or a full model breakdown. Trigger when asked for model-level usage/cost data from codexbar, or when you need a scriptable per-model summary from codexbar cost JSON.
