# hyperawesome

**Repository Path**: mirrors_jorgebucaran/hyperawesome

## Basic Information

- **Project Name**: hyperawesome
- **Description**: A curated list of awesome projects built with Hyperapp + more
- **Primary Language**: Unknown
- **License**: CC0-1.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-25
- **Last Updated**: 2026-05-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Hyperawesome

A curated list of awesome [Hyperapp](https://github.com/jorgebucaran/hyperapp) resources.

To contribute, fork this repository, add your amazing entry and send us a PR. See [CONTRIBUTING](/CONTRIBUTING.md) for more information.

<!-- TOC -->

* [Official Resources](#official-resources)
* [Articles & Tutorials](#articles--tutorials)
* [Utilities](#utilities)
* [Examples](#examples)
* [Starters](#starters)
* [V1 list](#v1)

<!-- /TOC -->

## Official Resources

* [Hyperapp GitHub](https://github.com/jorgebucaran/hyperapp)
* [Hyperapp Tutorial](https://github.com/jorgebucaran/hyperapp/blob/main/docs/tutorial.md)
* [Hyperapp API Reference](https://github.com/jorgebucaran/hyperapp/blob/main/docs/reference.md)
* [Hyperapp Community on Discord](https://discord.gg/5CtfCYEq8V)
* [Hyperapp Twitter](https://twitter.com/hyperappjs)
* [Hyperapp Reddit](https://www.reddit.com/r/hyperapp/)


## Articles & Tutorials

* [A Walk through Hyperapp 2](https://medium.com/hyperapp/a-walk-through-hyperapp-2-b1f642fca172)
* [Hyperapp in Under 5 Minutes](https://medium.com/@NickDodson/hyperapp-v2-in-under-5-minutes-7e9fa49f7f5)
* [Hyperapp Code-along](https://zaceno.github.io/codealong-hyperapp) – A videos series from "Hello World" to full TodoMVC with some practical tips and ideas.
* [Modular Hyperapp](https://dev.to/zaceno/a-fresh-take-on-modular-hyperapp-4njm) - Ideas for domain separation and modular reuse in your apps.

## Applications

 * [mobtime](https://github.com/mobtimeapp/mobtime) - A real-time, collaborative mob/ensemble programming timer.

## Utilities

* [astrojs-hyperapp](https://github.com/zaceno/astrojs-hyperapp) - Use Hyperapp in Astro. Besides JSX/TSX, HMR & SSR, also supports state-synchronization across apps.
* [hyperapp-router](https://github.com/mrozbarry/hyperapp-router) - A router for Hyperapp
* [hyperapp-form](https://github.com/zaceno/hyperapp-form) - Eases the pain of validating & submitting forms
* [hyperapp-styled-components](https://github.com/silentcicero/hyperapp-styled-components) - Component oriented CSS-in-JS system based on [styled-components](https://styled-components.com)
* [hyperlit](https://github.com/zaceno/hyperlit) - JSX-like tagged template literals for Hyperapp
* [hypermdx](https://github.com/talentlessguy/hypermdx) - Markdown enhanced with Hyperapp
* [johnkazer/hyperapp-pug](https://github.com/johnkazer/hyperapp-pug) - A wrapper for Hyperapp which enables you to use Pug templates rather than JSX or hyperscript.
* [tint](https://github.com/marcodpt/tint) - A browser-based template engine that compiles all template tags into hyperscript functions. It works with all frameworks that use hyperscript.
* [vite-plugin-hyperapp](https://github.com/zaceno/vite-plugin-hyperapp) - Develop and bundle Hyperapp apps with Vite. Supports JSX/TSX, HMR and SSR.
* [HyperappWebComponent](https://github.com/kofifus/HyperappWebComponent) - Hyperapp support for Web Components

## Examples

* [RealWorld with Hyperapp](https://github.com/kwasniew/hyperapp2-real-world-example)
* [7GUIs with Hyperapp](https://github.com/zaceno/sevenguis-hyperapp)
* [TodoMVC with Hyperapp](https://github.com/zaceno/todomvc-hyperapp) – no-build, type-safe, spec-compliant implementation of TodoMVC

## Starters

* [bonniss/hyparcel](https://github.com/bonniss/hyparcel) - Hyperapp v2 + TailwindCSS + Parcel boilerplate, with PurgeCSS intergrated in production.
* [loteoo/hyperapp-starter](https://github.com/loteoo/hyperapp-starter) Clean PWA starter with strong focus on developer experience - Vite, CSS modules, JSX, TypeScript
* [okwolf/create-hyperapp](https://github.com/okwolf/create-hyperapp) A wrapper around [`create-react-app`](https://create-react-app.dev) for quickly creating hyperapps supporting JSX, CSS Modules, testing with Jest, and HMR for refresh-free updates
* [zaceno/create-vite-hyperapp](https://github.com/zaceno/create-vite-hyperapp) - Scaffold a Hyperapp project with Vite, and optionally Typescript/TSX, SSR.


---

# V1

These resources below only apply to V1 of Hyperapp

## Articles & Tutorials V1

* [An Introduction to Hyperapp](https://www.sitepoint.com/hyperapp-1-kb-javascript-library/)
* [How Hyperapp Works](https://gist.github.com/JorgeBucaran/8dc33b7947f3193eb2ea3d5700e27036)
* [2018 年は Hyperapp の年だ - Qiita](https://qiita.com/JorgeBucaran/items/c48446babe0627e25ee6) (Japanese)
* [新 Qiita で React をやめて Hyperapp を採用した背景 - Qiita](https://qiita.com/yuku_t/items/2839e57a1933507f36b4) (Japanase)
* [Hyperapp の良さとは何か考えてみた - Qiita](https://qiita.com/ababup1192/items/0dd5c70bee5feaf5dea3) (Japanese)
* [Pure programming with Hyperapp - Gleb Bahmutov](https://glebbahmutov.com/blog/pure-programming-with-hyper-app)
* [Interview with Jorge Bucaran - SurviveJS](https://survivejs.com/blog/hyperapp-interview)
* [Hypercraft - A collection of Hyperapp techniques](https://zaceno.github.io/hypercraft/)
* [《从0到1掌握HyperApp》](https://hyperapp.js.cool/)（Simplified Chinese, [Source](https://github.com/willin/hyperapp.js.cool)）
* [Creating a Snake Clone with Hyperapp](https://dev.to/avalander/create-a-snake-clone-with-hyperapp-part-1-2ffn)

## Boilerplates V1

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

## Examples V1

* [30 Seconds of Interviews](https://github.com/fejes713/30-seconds-of-interviews) - A curated collection of common interview questions.
* [Emoji Search](https://codepen.io/ismamz/pen/ppGMWM) - Simple app for searching emoji.
* [Markdown Editor](https://codepen.io/ismamz/pen/wpNvmy) - Simple markdown editor with `localStorage` (use of `dangerouslySetInnerHTML`).
* [Type The Tao Te Ching](https://github.com/callum-oakley/type-the-tao-te-ching) - A typing practice app featuring passages from the Tao Te Ching.
* [Serafeim's Hyperapp Tutorial](https://github.com/spapas/hyperapp-tutorial) - A rather big application to be used as a real-world tutorial;  uses a Django/DRF API.
* [Home Away From Home](https://homeawayfromhome.online) - A social network for meeting foreigners and a resource for people living abroad.
* [Repository Search](https://ricosmall.github.io/hyperapp-search) - A simple tool for searching Github repositories.


## Utilities V1

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

## Testing V1

* [bahmutov/cypress-hyperapp-unit-test](https://github.com/bahmutov/cypress-hyperapp-unit-test) - Small utility for unit testing Hyperapp components inside [Cypress](https://github.com/cypress-io/cypress) end-to-end test runner.

## Other V1

* [Deployable](https://github.com/lukejacksonn/deployable) - Ready-to-deploy static web app template built with Hyperapp.
* [Linkcast](https://github.com/ajaxtown/linkcast) - A chrome extensions built with Hyperapp to share links in groups and socialize with offline capability.