{"id":29613783,"url":"https://github.com/vynect/erahtml","last_synced_at":"2025-07-20T22:37:11.536Z","repository":{"id":303157160,"uuid":"1014582060","full_name":"vynect/erahtml","owner":"vynect","description":"🚀 EraHTML by VYNECT™ EraHTML is the framework of the future—a radical rethinking of how we build, design, and scale web applications.","archived":false,"fork":false,"pushed_at":"2025-07-06T02:26:26.000Z","size":0,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-06T02:49:42.024Z","etag":null,"topics":["ai","framework","html","html6","laravel","nextjs","nuxtjs","reactive","sveltekit","vertical-ai"],"latest_commit_sha":null,"homepage":"https://vynect.com/erahtml","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vynect.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2025-07-06T02:23:11.000Z","updated_at":"2025-07-06T02:26:29.000Z","dependencies_parsed_at":"2025-07-06T02:49:45.610Z","dependency_job_id":"5be172a8-cc8b-4a4d-9892-2b1c53c6317e","html_url":"https://github.com/vynect/erahtml","commit_stats":null,"previous_names":["vynect/erahtml"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/vynect/erahtml","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vynect%2Ferahtml","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vynect%2Ferahtml/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vynect%2Ferahtml/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vynect%2Ferahtml/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vynect","download_url":"https://codeload.github.com/vynect/erahtml/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vynect%2Ferahtml/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266210960,"owners_count":23893345,"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":["ai","framework","html","html6","laravel","nextjs","nuxtjs","reactive","sveltekit","vertical-ai"],"created_at":"2025-07-20T22:37:05.631Z","updated_at":"2025-07-20T22:37:11.530Z","avatar_url":"https://github.com/vynect.png","language":null,"readme":"# 🚀 EraHTML by VYNECT™\n\n**EraHTML** is the **framework of the future**—a revolutionary approach to building web applications that combines the **simplicity of pure HTML** with the **power of reactivity, AI readiness, and ultra-light performance**.\n\n---\n\n## 🌐 Why EraHTML?\n\nThe web has become bloated, slow, and complex. EraHTML brings it back to:\n\n✅ **Speed**: Zero JavaScript frameworks, ultra-fast static rendering.  \n✅ **Simplicity**: Write pure, readable HTML with intelligent attributes.  \n✅ **AI-First Design**: Built for human and AI co-creation.  \n✅ **Reactivity Without Complexity**: Minimalistic reactive behaviors without heavy libraries.\n\n---\n\n## 💡 Core Concepts\n\n- **HTML remains pure**: Tags like `\u003cdiv\u003e`, `\u003cspan\u003e`, `\u003cbutton\u003e` are untouched.\n- **Styles are attributes**: `padding=10`, `bg=blue-500`, `border-solid=1`.\n- **Classes are attribute names**: e.g., `text-strong` maps to `.sty` definitions.\n- **Reusable `.sty` file**: Defines global, reusable styles.\n- **File-based routing**: `controllers/index.html` becomes `/` route.\n- **Minimal reactivity**: No runtime JS frameworks needed.\n- **AI-readable and AI-writable**: Every line is clear for machine learning generation.\n\n---\n\n## 📁 File Structure\n\n```\npublic/\ncontrollers/\n  index.html\n  about.html\nstyles.sty\n```\n\n---\n\n## ✏️ Example 1 — Basic Page\n\n```html\n\u003cdocument title=\"Home\" sty=\"main\"\u003e\n  \u003csection p=4 bg=gray-100\u003e\n    \u003ch1 show=title text-strong /\u003e\n    \u003cbutton name=primary-btn onclick=dispatch('about.html')\u003e\n      Go to About\n    \u003c/button\u003e\n  \u003c/section\u003e\n\u003c/document\u003e\n```\n\n### `styles.sty` Example:\n\n```\ntext-strong: font-weight=bold; font-size=24;\nbg-primary: background-color=#0055ff; color=white;\nbotao-primario:primary-btn: border-radius=6; padding=10;\n```\n\n---\n\n## ✏️ Example 2 — Direct Inline Styling\n\n```html\n\u003cdiv padding=10 padding-top=2 border-solid=1 bg=red-100\u003e\n  Inline styled box\n\u003c/div\u003e\n```\n\nResult after compilation:\n\n```html\n\u003cdiv style=\"padding:10px; padding-top:2px; border:1px solid; background-color:#fdd\"\u003e\n  Inline styled box\n\u003c/div\u003e\n```\n\n---\n\n## ✏️ Example 3 — Reactivity\n\n```html\n\u003cdiv show=username text-strong /\u003e\n```\n\nThe value of `username` is injected at runtime automatically without JavaScript boilerplate.\n\n---\n\n## ✏️ Example 4 — AI-Ready Design\n\nEraHTML's syntax is designed so that AI models can generate code like this:\n\n```html\n\u003csection p=5 bg=white\u003e\n  \u003ch2 text-title show=pageTitle /\u003e\n  \u003cbutton onclick=dispatch('contact.html')\u003e\n    Contact Us\n  \u003c/button\u003e\n\u003c/section\u003e\n```\n\nAI can:\n- Suggest layouts.\n- Autocomplete styles.\n- Generate components with no need for deep front-end knowledge.\n\n---\n\n## 🚀 The Future is Here\n\nWith **EraHTML**, you can:\n- Build faster.\n- Deploy lighter.\n- Automate design and coding with AI support.\n- Forget frameworks that go obsolete every two years.\n\n---\n\n## 📄 License\n\nEraHTML is **commercial software** licensed by **VYNECT™**.\n\nFor licensing, visit: [vynect.com/erahtml](https://vynect.com/erahtml)\n\n---\n\n## 🌍 About VYNECT™\n\n**VYNECT™** creates next-generation technologies for automation, AI, and digital innovation.\n\nLearn more: [vynect.com](https://vynect.com)\n\n---\n\n🚀 **Documentation coming soon at:** [vynect.com/erahtml](https://vynect.com/erahtml)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvynect%2Ferahtml","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvynect%2Ferahtml","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvynect%2Ferahtml/lists"}