https://github.com/olton/html

Create HTML pages in JavaScript! Including all standard components.
https://github.com/olton/html

elements html javascript tags

Last synced: 6 months ago
JSON representation

Create HTML pages in JavaScript! Including all standard components.

• Host: GitHub
• URL: https://github.com/olton/html
• Owner: olton
• License: mit
• Created: 2022-07-29T19:14:23.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2025-05-18T11:41:43.000Z (9 months ago)
• Last Synced: 2025-07-26T11:26:33.456Z (7 months ago)
• Topics: elements, html, javascript, tags
• Language: JavaScript
• Homepage: https://docs-new.metroui.org.ua/libraries/html/
• Size: 309 KB
• Stars: 5
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# html

Create HTML pages in pure JavaScript!

---

#### Status

![Dependencies](https://img.shields.io/badge/Dependencies-none-darklime.svg)

![Package Version](https://img.shields.io/github/package-json/v/olton/html)

![NPM Version](https://img.shields.io/npm/v/%40olton%2Fhtml)

![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg?color=7852a9)

![Code size](https://img.shields.io/github/languages/code-size/olton/html.svg?color=830000)

---

## Install

```shell

npm i @olton/html

```

of use from `CDN`:

```html

```

## Using

```html

    

    Title

    

    ((() => {

        htmljs.extract()

        const body = document.querySelector("body")

        const root = document.createElement("main")

        body.appendChild(root)

        root.innerHTML = div(

            h1("Header"),

            form(

                label("Label", {class: "class1"}),

                input({type: "text", value:"123", data:{role: "input"}}),

                hr(),

                div(

                    button("Ok", {events: {onclick: "alert('Click Button')"}}),

                    button("Cancel", {type: "button"}),

                    {class: "actions"}

                )    

            )

        )

    })())

```

## Documentation

Read about `Html.js` usage in the [Metro UI](https://docs-new.metroui.org.ua/libraries/html) documentation.

## Support

If you like this project, please consider supporting it by:

+ Star this repository on GitHub

+ Sponsor this project on GitHub Sponsors

+ **PayPal** to `serhii@pimenov.com.ua`.

+ [**Patreon**](https://www.patreon.com/metroui)

+ [**Buy me a coffee**](https://buymeacoffee.com/pimenov)

---

Copyright (c) 2025 by [Serhii Pimenov](https://pimenov.com.ua)