ai-agent

Hyperapp: Build Fast Web Apps

Founders get a lightweight JS framework for hypertext apps with Hyperapp, used by 19k+ GitHub stars.

From the repo · “1kB-ish JavaScript framework for building hypertext applications”

19,194 stars778 forksJavaScriptGuide quality 8/10 · reviewed Jul 31Install verified Sep 21Updated 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✓ Install verified 9/21/2026

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? and earn 85% of every sale.

Show it off in your README:

Featured on WorkflowStacks
[![Featured on WorkflowStacks](https://workflowstacks.com/api/badge/hyperapp.svg)](https://workflowstacks.com/skills/hyperapp?utm_source=github&utm_medium=badge)
🔥 Hot this week, in your inbox
Skills like this, every Monday.

The five fastest-growing open-source AI skills, ranked by GitHub star growth. One email a week, unsubscribe anytime.