hyTags
hyTags – Declarative Programming in HTML
hyTags is a programming language embedded directly in HTML for building interactive user interfaces in backend-driven web applications and static websites.Hello, World 🚀
<button>Say something</button>
<on click>
<selection-insert-after>
<div>Hello, World 🚀</div>
</selection-insert-after>
</on>
Motivation
Modern web frameworks usually split applications into a backend and a frontend, connected through an API. While flexible, this architecture introduces extra complexity: duplicated routing, API contracts, and data transfer layers whose main purpose is to bridge an often unnecessary divide.
The goal of hyTags is to make it possible to combine backend and frontend into a single application, with UI behavior and markup defined together in small, composable UI components, without compromising the user experience.
Examples
- Dynamic Form Fields – Adding and removing form fields dynamically.
- Request and Response Handling – Making HTTP requests and inserting responses into the page.
- Animation Example – Animations using style transitions.
- Character Counter – Reactive properties with map-value and map-property.
- Fibonacci Numbers – Recursive function definitions and form handling.
