{"id":17918402,"url":"https://github.com/olton/html","last_synced_at":"2026-02-18T00:01:38.064Z","repository":{"id":57750344,"uuid":"519324878","full_name":"olton/html","owner":"olton","description":"Create HTML pages in JavaScript! Including all standard components.","archived":false,"fork":false,"pushed_at":"2025-05-18T11:41:43.000Z","size":316,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-10-20T15:45:26.698Z","etag":null,"topics":["elements","html","javascript","tags"],"latest_commit_sha":null,"homepage":"https://docs-new.metroui.org.ua/libraries/html/","language":"JavaScript","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/olton.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":"2022-07-29T19:14:23.000Z","updated_at":"2025-05-18T11:41:46.000Z","dependencies_parsed_at":"2025-08-09T15:27:04.676Z","dependency_job_id":"fc2ec325-7476-4106-8042-f18b30f3af6b","html_url":"https://github.com/olton/html","commit_stats":{"total_commits":4,"total_committers":2,"mean_commits":2.0,"dds":0.25,"last_synced_commit":"96a53a6a91326765acaa55b969e5fc668bd78688"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/olton/html","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/olton%2Fhtml","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/olton%2Fhtml/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/olton%2Fhtml/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/olton%2Fhtml/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/olton","download_url":"https://codeload.github.com/olton/html/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/olton%2Fhtml/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29563273,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-17T21:50:49.831Z","status":"ssl_error","status_checked_at":"2026-02-17T21:46:15.313Z","response_time":100,"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":["elements","html","javascript","tags"],"created_at":"2024-10-28T20:11:04.084Z","updated_at":"2026-02-18T00:01:38.048Z","avatar_url":"https://github.com/olton.png","language":"JavaScript","readme":"# html\nCreate HTML pages in pure JavaScript!\n\n---\n#### Status\n![Dependencies](https://img.shields.io/badge/Dependencies-none-darklime.svg)\n![Package Version](https://img.shields.io/github/package-json/v/olton/html)\n![NPM Version](https://img.shields.io/npm/v/%40olton%2Fhtml)\n![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg?color=7852a9)\n![Code size](https://img.shields.io/github/languages/code-size/olton/html.svg?color=830000)\n\n---\n## Install\n```shell\nnpm i @olton/html\n```\n\nof use from `CDN`:\n```html\n\u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@olton/html@latest\"\u003e\n```\n\n## Using\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"en\"\u003e\n\u003chead\u003e\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003ctitle\u003eTitle\u003c/title\u003e\n    \u003cscript src=\"path-to/html.js\"\u003e\u003c/script\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n\n\u003cscript\u003e\n    ((() =\u003e {\n        htmljs.extract()\n        const body = document.querySelector(\"body\")\n        const root = document.createElement(\"main\")\n        body.appendChild(root)\n        root.innerHTML = div(\n            h1(\"Header\"),\n            form(\n                label(\"Label\", {class: \"class1\"}),\n                input({type: \"text\", value:\"123\", data:{role: \"input\"}}),\n                hr(),\n                div(\n                    button(\"Ok\", {events: {onclick: \"alert('Click Button')\"}}),\n                    button(\"Cancel\", {type: \"button\"}),\n                    {class: \"actions\"}\n                )    \n            )\n        )\n    })())\n\u003c/script\u003e\n\u003c/body\u003e\n\u003c/html\u003e\n```\n\n## Documentation\n\nRead about `Html.js` usage in the [Metro UI](https://docs-new.metroui.org.ua/libraries/html) documentation.\n\n## Support\n\nIf you like this project, please consider supporting it by:\n\n+ Star this repository on GitHub\n+ Sponsor this project on GitHub Sponsors\n+ **PayPal** to `serhii@pimenov.com.ua`.\n+ [**Patreon**](https://www.patreon.com/metroui)\n+ [**Buy me a coffee**](https://buymeacoffee.com/pimenov)\n\n---\n\nCopyright (c) 2025 by [Serhii Pimenov](https://pimenov.com.ua)","funding_links":["https://www.patreon.com/metroui","https://buymeacoffee.com/pimenov"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Folton%2Fhtml","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Folton%2Fhtml","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Folton%2Fhtml/lists"}