jorgebucaran / Hyperawesome
Licence: other
A curated list of awesome projects built with Hyperapp & more.
Stars: ✭ 446
Programming Languages
elm
856 projects
Projects that are alternatives of or similar to Hyperawesome
Preact
⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
Stars: ✭ 30,527 (+6744.62%)
Mutual labels: vdom, dom, jsx
Ijk
Transforms arrays into virtual dom trees; a terse alternative to JSX and h
Stars: ✭ 452 (+1.35%)
Mutual labels: vdom, hyperapp, dom
Ng Vdom
(Developer Preview) A virtual-DOM extension for Angular, also work as React bridge.
Stars: ✭ 249 (-44.17%)
Mutual labels: vdom, jsx
Inferno
🔥 An extremely fast, React-like JavaScript library for building modern user interfaces
Stars: ✭ 15,206 (+3309.42%)
Mutual labels: vdom, jsx
Val
VirtualDOM abstraction layer - give yourself better integration and full control over the DOM with any virtual DOM library that uses a Hyperscript-like API such as React and Preact.
Stars: ✭ 181 (-59.42%)
Mutual labels: vdom, dom
Fre
👻 Tiny Footprint Concurrent UI library for Fiber.
Stars: ✭ 3,195 (+616.37%)
Mutual labels: vdom, jsx
re-hyperapp
Almost zero-cost bindings for the https://github.com/hyperapp/hyperapp UI library.
Stars: ✭ 21 (-95.29%)
Mutual labels: jsx, hyperapp
Marko
A declarative, HTML-based language that makes building web apps fun
Stars: ✭ 10,796 (+2320.63%)
Mutual labels: vdom, dom
vanilla-jsx
Vanilla jsx without runtime. HTML Tag return DOM in js, No virtual DOM.
Stars: ✭ 70 (-84.3%)
Mutual labels: dom, jsx
prax
Experimental rendering library geared towards hybrid SSR+SPA apps. Focus on radical simplicity and performance. Tiny and dependency-free.
Stars: ✭ 18 (-95.96%)
Mutual labels: dom, jsx
Preact Render Spy
Render preact components with access to the produced virtual dom for testing.
Stars: ✭ 178 (-60.09%)
Mutual labels: vdom, jsx
Omi
Front End Cross-Frameworks Framework - 前端跨框架跨平台框架
Stars: ✭ 12,153 (+2624.89%)
Mutual labels: vdom, jsx
Asm Dom
A minimal WebAssembly virtual DOM to build C++ SPA (Single page applications)
Stars: ✭ 2,604 (+483.86%)
Mutual labels: vdom, dom
Superfine
Absolutely minimal view layer for building web interfaces.
Stars: ✭ 1,542 (+245.74%)
Mutual labels: vdom, hyperapp
string-dom
Create HTML strings using JSX (or functions).
Stars: ✭ 13 (-97.09%)
Mutual labels: dom, jsx
Sauron
Sauron is an html web framework for building web-apps. It is heavily inspired by elm.
Stars: ✭ 1,217 (+172.87%)
Mutual labels: vdom, dom
Karet
Karet is a library that allows you to embed Kefir observables into React VDOM
Stars: ✭ 81 (-81.84%)
Mutual labels: vdom, jsx
Hyperawesome
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
- Hyperapp GitHub
- Hyperapp Tutorial
- Hyperapp API Reference
- Hyperapp Community on Discord
- Hyperapp Twitter
- Hyperapp Reddit
Articles & Tutorials
- 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.
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
- hypermdx - Markdown enhanced with Hyperapp
Examples
Starters
- 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
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 ofdangerouslySetInnerHTML
). - 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.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].