hyperscript makes writing event handlers and highly responsive user interfaces trivial with native language support for async behavior—easier than callbacks, promises, even async/await.
DOM-oriented syntax—seamless integrated CSS id, CSS class and CSS query literals
First-class web workers
Async-transparent runtime—highly responsive user experiences without callback hell
Pluggable & extendable parser & grammar
Debugger to step through hyperscript code
Inspired by HyperTalk (not AppleScript)
NB: because hyperscript relies on promises, it does not strive for IE11 compatibility, unlike htmx.
<button _="on click toggle .big-text"> Toggle the "big-text" class on me on click </button>
<div _="on mouseenter toggle .visible on #help until mouseleave"> Mouse Over Me! </div> <div id="help"> I'm a helpful message!</div>
<button _="on click log me then call alert('yep, it’s an alert')"> Show An Alert </button>