Need help with hyperapp?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

jorgebucaran
18.5K Stars 814 Forks MIT License 1.4K Commits 4 Opened issues

Description

The tiny framework for building hypertext applications.

Services available

!
?

Need anything else?

Contributors list

# 3,572
Shell
fish-sh...
vdom
elm
1040 commits
# 72,206
hyperap...
elm
CSS
Shell
15 commits
# 80,443
hyperap...
vdom
elm
TypeScr...
14 commits
# 38,227
CSS
hyperap...
pusher
React
11 commits
# 843
React
GraphQL
reactjs
relay-m...
10 commits
# 76,041
commonj...
Shell
HTML
Sass
10 commits
# 99,578
hyperap...
CSS
HTML
Shell
8 commits
# 84,161
functio...
hyperap...
HTML
TypeScr...
8 commits
# 82,120
OCaml
React
Storybo...
HTML
7 commits
# 106,253
CSS
Shell
HTML
Google ...
7 commits
# 93,117
CSS
Shell
PHP
quill
7 commits
# 52,677
Sass
grid-sy...
cypress
cypress...
5 commits
# 137,876
JavaScr...
HTML
html-do...
vdom
4 commits
# 121,637
hyperap...
vdom
elm
nextjs
4 commits
# 133,364
Nest
HTML
javascr...
CSS
4 commits
# 133,447
Shell
ESLint
CSS
webpack...
4 commits
# 4,534
generat...
HTML
graphic...
instagr...
3 commits
# 112,118
JavaScr...
react-p...
React
reactjs
3 commits
# 119,702
aws-lam...
Amazon ...
HTML
CSS
3 commits
# 45,664
CSS
bigdeci...
arbitra...
Koa
3 commits

Hyperapp

The tiny framework for building hypertext applications.

  • Do more with less—We have minimized the concepts you need to learn to get stuff done. Views, actions, effects, and subscriptions are all pretty easy to get to grips with and work together seamlessly.
  • Write what, not how—With a declarative API that's easy to read and fun to write, Hyperapp is the best way to build purely functional, feature-rich, browser-based apps using idiomatic JavaScript.
  • Smaller than a favicon—1 kB, give or take. Hyperapp is an ultra-lightweight Virtual DOM, highly-optimized diff algorithm, and state management library obsessed with minimalism.

Here's the first example to get you started. Try it here—no build step required!

Check out more examples

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.

Installation

npm install hyperapp

Documentation

Ready to dive in? Learn the basics in the Tutorial, check out the Examples, or visit the Reference for more detail.

To access Web Platform APIs (like

fetch
or
addEventListener
) in a way that makes sense for Hyperapp, learn how to create your own effects and subscriptions. For everything else, from third-party packages to real-world examples, browse the Hyperawesome collection.

Help, I'm stuck!

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.

Contributing

Hyperapp is free and open-source software. If you love Hyperapp, becoming a contributor or sponsoring is the best way to give back. Thank you to everyone who already contributed to Hyperapp!

License

MIT

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.