Hyperawesome

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

A Walk through Hyperapp 2
Hyperapp in Under 5 Minutes
Hyperapp Code-along – A videos series from "Hello World" to full TodoMVC with some practical tips and ideas.
Modular Hyperapp - A series on how to organize your codebase as it grows

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
hypermdx - Markdown enhanced with Hyperapp
johnkazer/hyperapp-pug - A wrapper for Hyperapp which enables you to use Pug templates rather than JSX or hyperscript.
tint - A browser-based template engine that compiles all template tags into hyperscript functions. It works with all frameworks that use hyperscript.

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

These resources below only apply to V1 of Hyperapp

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.

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.

@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)

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

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.