{"id":24877409,"url":"https://github.com/feathers-studio/hyperactive","last_synced_at":"2026-02-28T12:02:28.305Z","repository":{"id":44164834,"uuid":"243751193","full_name":"feathers-studio/hyperactive","owner":"feathers-studio","description":"The hyperactive⚡️ suite of web application development tools","archived":false,"fork":false,"pushed_at":"2025-05-20T12:20:33.000Z","size":1652,"stargazers_count":28,"open_issues_count":0,"forks_count":5,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-10-16T21:01:04.928Z","etag":null,"topics":["deno","hacktoberfest","reactive-programming","reactivity","ui-framework"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/feathers-studio.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2020-02-28T11:53:01.000Z","updated_at":"2025-08-15T15:04:03.000Z","dependencies_parsed_at":"2024-09-16T05:06:04.192Z","dependency_job_id":"e74690b2-4cff-4536-bff9-224e5afa45b9","html_url":"https://github.com/feathers-studio/hyperactive","commit_stats":{"total_commits":139,"total_committers":3,"mean_commits":"46.333333333333336","dds":"0.043165467625899234","last_synced_commit":"c366e0e3a752846eb01f6527618141a3346624da"},"previous_names":["codefeathers/hyperactive"],"tags_count":23,"template":false,"template_full_name":null,"purl":"pkg:github/feathers-studio/hyperactive","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/feathers-studio%2Fhyperactive","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/feathers-studio%2Fhyperactive/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/feathers-studio%2Fhyperactive/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/feathers-studio%2Fhyperactive/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/feathers-studio","download_url":"https://codeload.github.com/feathers-studio/hyperactive/tar.gz/refs/heads/dev","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/feathers-studio%2Fhyperactive/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29933021,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-28T09:58:13.507Z","status":"ssl_error","status_checked_at":"2026-02-28T09:57:57.047Z","response_time":90,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["deno","hacktoberfest","reactive-programming","reactivity","ui-framework"],"created_at":"2025-02-01T09:16:42.539Z","updated_at":"2026-02-28T12:02:28.284Z","avatar_url":"https://github.com/feathers-studio.png","language":"TypeScript","readme":"\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./docs/Hyper.svg\" alt=\"Hyperactive\"\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\u003ch1\u003ehyperactive\u003c/h1\u003e\n\u003c/div\u003e\n\nHyperactive is a powerful set of tools to build reactive web applications.\n\nWe're currently working on a 2.0 release, which will include fully reactive client-side rendering. To try the latest version, you can get `hyper`:\n\n```bash\nnpm install https://gethyper.dev\n\nyarn add https://gethyper.dev\n\npnpm add https://gethyper.dev\n\nbun install https://gethyper.dev\n```\n\nHyperactive is also available on [NPM](https://www.npmjs.com/package/@hyperactive/hyper).\n\nThis is not a release version, so expect some bugs.\n\n[![Hyperactive Version 2.0.0-beta.8](https://img.shields.io/static/v1?label=Version\u0026message=2.0.0-beta.8\u0026style=for-the-badge\u0026labelColor=FF6A00\u0026color=fff)](https://npmjs.com/package/@hyperactive/hyper)\n\n\u003cdiv align=\"center\"\u003e\n\u003ch2\u003eUsage\u003c/h2\u003e\n\u003c/div\u003e\n\n### On the server\n\n```TypeScript\nimport { renderHTML } from \"@hyperactive/hyper\";\nimport { div, p, h1, br } from \"@hyperactive/hyper/elements\";\n\nassertEquals(\n  renderHTML(\n    section(\n      { class: \"container\" },\n      div(\n        img({ src: \"/hero.jpg\" }),\n        h1(\"Hello World\"),\n      ),\n    ),\n  ),\n  `\u003cdiv class=\"container\"\u003e\u003cdiv\u003e\u003cimg src=\"/hero.jpg\" /\u003e\u003ch1\u003eHello World\u003c/h1\u003e\u003c/div\u003e\u003c/div\u003e`,\n);\n```\n\n### In the browser\n\n[![@types/web 0.0.234](https://img.shields.io/static/v1?label=@types/web\u0026message=0.0.234\u0026style=for-the-badge\u0026labelColor=ff0000\u0026color=fff)](https://npmjs.com/package/@types/web)\n\nPlease install `@types/web` to use Hyperactive in the browser. Your package manager will automatically install the correct version of `@types/web` for you by default. See the [versions](./docs/versions.md) table for the correct version of `@types/web` for each version of Hyperactive.\n\n```bash\nbun install @types/web\n```\n\n```TypeScript\nimport { State, renderDOM } from \"@hyperactive/hyper\";\nimport { div, p, button } from \"@hyperactive/hyper/elements\";\n\nconst s = new State(0);\n\nconst root = document.getElementById(\"root\");\n\nrenderDOM(\n  root,\n  div(\n    p(\"You clicked \", s, \" times\"),\n    button(\n      { on: { click: () =\u003e s.update(s.value + 1) } },\n      \"Increment\"\n    ),\n  ),\n);\n\n```\n\n\u003cdiv align=\"center\"\u003e\n\u003ch2\u003eTestimonials\u003c/h2\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./docs/thomas.jpg\" alt=\"Thomas's testimonial\" width=\"400\"\u003e\n\u003c/div\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffeathers-studio%2Fhyperactive","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffeathers-studio%2Fhyperactive","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffeathers-studio%2Fhyperactive/lists"}