1kB-ish JavaScript framework for building hypertext applications
1kB-ish JavaScript framework for building hypertext applications
The tiny framework for building hypertext applications.
Here's the first example to get you started. Try it here—no build step required!
…
The app starts by setting the initial state and rendering the view on the page. User input flows into actions, whose function is to update the state, causing Hyperapp to re-render the view.
When describing how a page looks in Hyperapp, we don't write markup. Instead, we use h() and text() to create a lightweight representation of the DOM (or virtual DOM for short), and Hyperapp takes care of updating the real DOM efficiently.
npm install hyperapp
Learn the basics in the Tutorial, check out the Examples, or visit the Reference.
Official packages provide access to Web Platform APIs in a way that makes sense for Hyperapp. For third-party packages and real-world examples, browse the Hyperawesome collection.
| Package | Status | About |
|---|---|---|
@hyperapp/dom |
Inspect the DOM, focus and blur. | |
@hyperapp/svg |
Draw SVG with plain functions. | |
@hyperapp/html |
Write HTML with plain functions. | |
@hyperapp/time |
Subscribe to intervals, get the time now. | |
@hyperapp/events |
Subscribe to mouse, keyboard, window, and frame events. | |
@hyperapp/http |
Talk to servers, make HTTP requests (#1027). | |
@hyperapp/random |
Declarative random numbers and values. | |
@hyperapp/navigation |
Subscribe and manage the browser URL history. |
Need to create your own effects and subscriptions? You can do that too.
If you've hit a stumbling block, hop on our Discord server to get help, and if you remain stuck, please file an issue, and we'll help you figure it out.
Hyperapp is free and open-source software. If you want to support Hyperapp, becoming a contributor or sponsoring is the best way to give back. Thank you to everyone who already contributed to Hyperapp! <3
No open issues yet, or sync has not completed.