https://hytags.org

Console # [hyta]

hyTags

HomeHome DocumentationDocumentation

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. Say something
Hello, World 

<button>Say something</button>
<on click>
  <selection-insert-after>
    <div>Hello, World </div>
  </selection-insert-after>
</on>

[<button>Say somethin] V  Try to change something! [*] Live preview 
Update [?][?] Preview only available on larger screens

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.

Read more -

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.

GitHub|npm|Contact|Privacy
Array *
Assert *
Attribute *
Bool *
Class *
Closure *
Cookie *
Data *
Date *
DateTime *
Debug *
Element *
Error *
Event *
Form *
Fragment *
Function *
If *
Input *
Items *
Javascript *
Loop *
Number *
Object *
Page *
Property *
Rect *
Request *
Response *
Selection *
Storage *
String *
Style *
Time *
Url *
Value *
Var *
Window *
Quick Reference #
#Test succeeded #Test failed