{"id":19125130,"url":"https://github.com/shoonia/jsx-dom-runtime","last_synced_at":"2025-06-18T18:37:58.081Z","repository":{"id":53505290,"uuid":"345061032","full_name":"shoonia/jsx-dom-runtime","owner":"shoonia","description":"A tiny 500-byte library for JSX syntax templates targeting the DOM. Supports HTML, SVG, and MathML tags","archived":false,"fork":false,"pushed_at":"2025-05-30T15:14:55.000Z","size":6055,"stargazers_count":14,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-30T19:18:42.797Z","etag":null,"topics":["babel-plugin","jsx","jsx-dom","jsx-syntax","jsx-templates"],"latest_commit_sha":null,"homepage":"https://shoonia.github.io/jsx-dom-runtime/","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/shoonia.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":"2021-03-06T10:03:32.000Z","updated_at":"2025-05-30T15:14:37.000Z","dependencies_parsed_at":"2022-09-20T01:11:19.069Z","dependency_job_id":"794a216d-5f91-4361-836c-c4451d9a0c53","html_url":"https://github.com/shoonia/jsx-dom-runtime","commit_stats":{"total_commits":546,"total_committers":3,"mean_commits":182.0,"dds":0.06593406593406592,"last_synced_commit":"24a0ef0a69a690d00de8991fa41a2e4ce3fa7471"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/shoonia/jsx-dom-runtime","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shoonia%2Fjsx-dom-runtime","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shoonia%2Fjsx-dom-runtime/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shoonia%2Fjsx-dom-runtime/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shoonia%2Fjsx-dom-runtime/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shoonia","download_url":"https://codeload.github.com/shoonia/jsx-dom-runtime/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shoonia%2Fjsx-dom-runtime/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260611114,"owners_count":23036273,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["babel-plugin","jsx","jsx-dom","jsx-syntax","jsx-templates"],"created_at":"2024-11-09T05:34:39.726Z","updated_at":"2025-06-18T18:37:53.071Z","avatar_url":"https://github.com/shoonia.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# jsx-dom-runtime\n\nA tiny in 500 bytes library to [JSX](https://facebook.github.io/jsx/) syntax templates for [DOM](https://dom.spec.whatwg.org/). Support [HTML](https://html.spec.whatwg.org/multipage/), [SVG](https://www.w3.org/TR/SVG/) and [MathML](https://www.w3.org/TR/MathML3/) tags.\n\n[![npm version](https://badgen.net/npm/v/jsx-dom-runtime)](https://www.npmjs.com/package/jsx-dom-runtime)\n[![Stand with Ukraine](https://raw.githubusercontent.com/vshymanskyy/StandWithUkraine/main/badges/StandWithUkraine.svg)](https://stand-with-ukraine.pp.ua/)\n\n## Install\n\n```bash\nnpm i jsx-dom-runtime\n# or\nyarn add jsx-dom-runtime\n```\n\n## How to use\n\nAdd preset to your [`.babelrc`](https://babeljs.io/docs/en/config-files) file.\n\n**.babelrc**\n\n```json\n{\n  \"presets\": [\n    \"jsx-dom-runtime/babel-preset\"\n  ]\n}\n```\n\n## Example\n\n```js\n// add to the end of the head\ndocument.head.append(\n  \u003clink rel=\"stylesheet\" href=\"/style.css\" /\u003e\n);\n\n// add to the end the the body\ndocument.body.append(\n  \u003cmain class=\"box\"\u003e\n    \u003ch1 class=\"title\"\u003eHello World!\u003c/h1\u003e\n  \u003c/main\u003e\n);\n```\n\n[Demo](https://github.com/shoonia/jsx-dom-runtime/tree/master/DEMO)\n\n## Documentation\n\n- [Get Started](https://github.com/shoonia/jsx-dom-runtime/wiki#jsx-dom-runtime)\n- [Syntax](https://github.com/shoonia/jsx-dom-runtime/wiki#syntax)\n- [APIs](https://github.com/shoonia/jsx-dom-runtime/wiki#apis)\n- [TypeScript Support](https://github.com/shoonia/jsx-dom-runtime/wiki#typescript-support)\n\n## License\n\n[MIT](https://github.com/shoonia/jsx-dom-runtime/blob/master/LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshoonia%2Fjsx-dom-runtime","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshoonia%2Fjsx-dom-runtime","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshoonia%2Fjsx-dom-runtime/lists"}