An open API service indexing awesome lists of open source software.

https://github.com/vynect/erahtml

🚀 EraHTML by VYNECT™ EraHTML is the framework of the future—a radical rethinking of how we build, design, and scale web applications.
https://github.com/vynect/erahtml

ai framework html html6 laravel nextjs nuxtjs reactive sveltekit vertical-ai

Last synced: 7 months ago
JSON representation

🚀 EraHTML by VYNECT™ EraHTML is the framework of the future—a radical rethinking of how we build, design, and scale web applications.

Awesome Lists containing this project

README

          

# 🚀 EraHTML by VYNECT™

**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**.

---

## 🌐 Why EraHTML?

The web has become bloated, slow, and complex. EraHTML brings it back to:

✅ **Speed**: Zero JavaScript frameworks, ultra-fast static rendering.
✅ **Simplicity**: Write pure, readable HTML with intelligent attributes.
✅ **AI-First Design**: Built for human and AI co-creation.
✅ **Reactivity Without Complexity**: Minimalistic reactive behaviors without heavy libraries.

---

## 💡 Core Concepts

- **HTML remains pure**: Tags like `

`, ``, `` are untouched.
- **Styles are attributes**: `padding=10`, `bg=blue-500`, `border-solid=1`.
- **Classes are attribute names**: e.g., `text-strong` maps to `.sty` definitions.
- **Reusable `.sty` file**: Defines global, reusable styles.
- **File-based routing**: `controllers/index.html` becomes `/` route.
- **Minimal reactivity**: No runtime JS frameworks needed.
- **AI-readable and AI-writable**: Every line is clear for machine learning generation.

---

## 📁 File Structure

```
public/
controllers/
index.html
about.html
styles.sty
```

---

## ✏️ Example 1 — Basic Page

```html




Go to About

```

### `styles.sty` Example:

```
text-strong: font-weight=bold; font-size=24;
bg-primary: background-color=#0055ff; color=white;
botao-primario:primary-btn: border-radius=6; padding=10;
```

---

## ✏️ Example 2 — Direct Inline Styling

```html


Inline styled box

```

Result after compilation:

```html


Inline styled box

```

---

## ✏️ Example 3 — Reactivity

```html


```

The value of `username` is injected at runtime automatically without JavaScript boilerplate.

---

## ✏️ Example 4 — AI-Ready Design

EraHTML's syntax is designed so that AI models can generate code like this:

```html



Contact Us

```

AI can:
- Suggest layouts.
- Autocomplete styles.
- Generate components with no need for deep front-end knowledge.

---

## 🚀 The Future is Here

With **EraHTML**, you can:
- Build faster.
- Deploy lighter.
- Automate design and coding with AI support.
- Forget frameworks that go obsolete every two years.

---

## 📄 License

EraHTML is **commercial software** licensed by **VYNECT™**.

For licensing, visit: [vynect.com/erahtml](https://vynect.com/erahtml)

---

## 🌍 About VYNECT™

**VYNECT™** creates next-generation technologies for automation, AI, and digital innovation.

Learn more: [vynect.com](https://vynect.com)

---

🚀 **Documentation coming soon at:** [vynect.com/erahtml](https://vynect.com/erahtml)