ai-agent

Hyperapp: Build Fast Web Apps

Founders get a lightweight JS framework for hypertext apps with Hyperapp, used by 19k+ GitHub stars.
19,201 stars776 forksJavaScriptGuide quality 8/10Updated 3/20/2025100% free · open source
What it does

Hyperapp is a lightweight JavaScript framework for building fast and scalable web applications with a tiny footprint of around 1kB.

When to use it
  • When you need to build a small to medium-sized web application with a simple and intuitive API
  • When you want to reduce the overhead of larger frameworks like React or Angular
  • When you need to create a web application that can run on low-end devices or with limited network connectivity
Ready-to-paste prompt
Create a counter application that increments when you click a button: app({ init: { count: 0 }, view: (state, actions) => h('div', [h('p', state.count), h('button', { onclick: () => actions.up }, '+1')]), update: { up: () => state => ({ count: state.count + 1 }) }, node: document.body })
Heads up: Make sure to include the hyperapp script in your HTML file before your application code, or import it correctly in your JavaScript file, as hyperapp uses a custom h function to create virtual DOM elements
Saves to your device
Use with Claude
New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install
Claude Code
mkdir -p ~/.claude/skills/hyperapp && curl -fsSL https://workflowstacks.com/api/skills/hyperapp/claude-skill -o ~/.claude/skills/hyperapp/SKILL.md
Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)
claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How Hyperapp: Build Fast Web Apps works
Codeflow
Free to inspect

Hyperapp: Build Fast Web Apps is a small JavaScript project (~700 lines across 7 code files, plus 1 test files). Setup is light: installs like a normal app. Reading the code is optional. Last commit 18 months ago, MIT license, has a test suite.

Size
Small codebase
~700 lines · 7 code files · 6 min skim
Setup
One-command install
Installs like a normal app. Reading the code is optional.
Runs on
Node.js
No API keys detected
JavaScript 100%
Where to start reading
  1. 1
    README.md
    Start here — what it does and how to install it
  2. 2
    index.js
    Where the program starts running
  3. 3
    package.json
    Dependencies and the commands it exposes
What's in each folder
packages/Sub-packages / plugins15 files
docs/Documentation13 files
.github/CI / automation (GitHub Actions)1 files
tests/Tests — proof it works1 files
READMEHas testsDocumentedCI checksMIT licenseLast update 18 mo ago
Quick Actions
Details
Creator
hyperapp
Language
JavaScript
Category
ai-agent
Published
1/20/2017

Are you the creator of this tool? Claim your listing → and earn 85% of every sale.