I’m preparing a new Awesome List as I get ready to release V2. Please stand by! 👋

A curated list of awesome Hyperapp resources.

To contribute, fork this repository, add your amazing entry and send us a PR. See CONTRIBUTING for more information.

• Official Resources
• Articles & Tutorials
• Examples
• Utilities
• V1 list

Official Resources

• Homepage
• Tutorial
• Hyperapp GitHub
• Hyperapp Slack
• Hyperapp Reddit
• Hyperapp Twitter

Articles & Tutorials

• A Walk through Hyperapp 2
• Hyperapp in Under 5 Minutes

Utilities

• hyperapp-router – A router for Hyperapp
• hyperapp-form – Eases the pain of validating & submitting forms
• hyperapp-styled-components – Component oriented CSS-in-JS system based on styled-components
• hyperlit – JSX-like tagged template literals for Hyperapp

Examples

• RealWorld with Hyperapp
• 7GUIs with Hyperapp

V1

These resources below only apply to V1 of Hyperapp

Articles & Tutorials V1

• An Introduction to Hyperapp
• How Hyperapp Works
• 2018 年は Hyperapp の年だ – Qiita (Japanese)
• 新 Qiita で React をやめて Hyperapp を採用した背景 – Qiita (Japanase)
• Hyperapp の良さとは何か考えてみた – Qiita (Japanese)
• Pure programming with Hyperapp – Gleb Bahmutov
• Interview with Jorge Bucaran – SurviveJS
• Hypercraft – A collection of Hyperapp techniques
• 《从0到1掌握HyperApp》（Simplified Chinese, Source）
• Creating a Snake Clone with Hyperapp

Boilerplates V1

• tzellman/hyperapp-boilerplate – Boilerplate showing how to create a production-ready Hyperapp application.
• lukejacksonn/hyperapp-electron – Minimal Electron app starter with Hyperapp, LiveReload and Redux DevTools.
• selfup/hyperapp-one – Simple Hyperapp boilerplate counter app using parcel with Airbnb ESlint and JSX.
• lukejacksonn/hyperapp-pwa – Minimal, progressive web app compliant template for Hyperapp projects.
• marcusasplund/hyperapp-RxJS – Hyperapp with RxJS & service worker.
• marcusasplund/hyperapp-todo – Simple CRUD todo-app built with Hyperapp.
• jdh2550/hyperapp-responsive-admin – Responsive app with simple login and GraphQL.
• joseluisq/hyperapp-starter – Minimal Hyperapp, TypeScript and Parcel starter.
• elisherer/hyperapp-less-boilerplate – Minimal webpack Hyperapp setup with LESS and hyperapp-forms.

Examples V1

• 30 Seconds of Interviews – A curated collection of common interview questions.
• Emoji Search – Simple app for searching emoji.
• Markdown Editor – Simple markdown editor with localStorage (use of dangerouslySetInnerHTML).
• Type The Tao Te Ching – A typing practice app featuring passages from the Tao Te Ching.
• Serafeim’s Hyperapp Tutorial – A rather big application to be used as a real-world tutorial; uses a Django/DRF API.
• Home Away From Home – A social network for meeting foreigners and a resource for people living abroad.
• Repository Search – A simple tool for searching Github repositories.

Utilities V1

• @hyperapp/html – HTML helpers for Hyperapp.
• @hyperapp/logger – Logs state updates and action information to the console.
• @hyperapp/router – The official router for Hyperapp.
• @hyperapp/render – Render Hyperapp to an HTML string with SSR and Node.js streaming support.
• andyrj/hyperapp-redux-devtools – Enables use of redux-devtools-extension for Hyperapp.
• hyperstart/hyperapp-devtools – Time-traveling debugger and other devtools for Hyperapp.
• zaceno/hyperapp-context – An remedy for excessive prop-passing down a deep tree of components
• zaceno/hyperapp-nestable – Use apps in apps like stateful components.
• zaceno/hyperapp-transitions – Helps you animate transitions in your Hyperapp applications.
• selfup/hyperapp-moisturize – HOA for Dynamically upgrading Hyperapp applications.
• lukejacksonn/hyperapp-firebase-auth – Drop in authentication for Hyperapp using Firebase.
• okwolf/hyperapp-effects – Elm-style side effects as data.
• okwolf/hyperapp-freeze – Deep freezes the state in development.
• davidjamesstone/hyperapp-customelements – W3C Web Components Custom Elements for hyperapp.
• davidjamesstone/hyperviews – Template language that produces h output.
• picostyle/picostyle – 0.3 KB CSS-in-JS library for use with Hyperapp & Picodom.
• shershen08/single-spa-hyperapp – wrapper for using Hyperapp within single-spa apps
• elisherer/hyperapp-forms – Form state management library (similiar to redux-form)
• johnkazer/hyperapp-pug – A wrapper for Hyperapp which enables you to use Pug templates rather than JSX or hyperscript.

Testing V1

• bahmutov/cypress-hyperapp-unit-test – Small utility for unit testing Hyperapp components inside Cypress end-to-end test runner.

Other V1

• Deployable – Ready-to-deploy static web app template built with Hyperapp.
• Linkcast – A chrome extensions built with Hyperapp to share links in groups and socialize with offline capability.

V2

These resources below only apply to V2 of Hyperapp.

Boilerplates V2

• bonniss/hyparcel – Hyperapp v2 + TailwindCSS + Parcel boilerplate, with PurgeCSS intergrated in production.
• loteoo/hyperapp-starter Clean PWA starter with strong focus on developer experience – Parcel, CSS modules, solid config