[CSX : Working Title]

About

A UI First application development language, which compiles to HTML, JavaScript, and CSS.

CSX is a working title taken from the languages insipration(s), among which are: Emmet (ZenCoding), JSX (Via React), SCSS

Try it in the sandbox

Examples

Source CSX
html: 
    head:
        title: "CSX : Basics"
        meta[content="test"]:
            url: https://example.com
        link:
            href: https://example.com/style.css
    body>.content:
        display: block
        width: 50vh
        padding: 2em
        border: 1px solid red

        h1.title: Basic Example
        p.about: Really simple HTML
        button:
            onClick: alert('yay')

exports: @html
Compiled HTML
<html>
    <head>
        <title>CSX : Basics</title>
        <meta content="test" url="https://example.com/page.html">
        </meta>
        <link href="https://example.com/style.css">
        </link>
    </head>   
    <body style="display: block; width: 50vh; padding: 2em; border: 1px solid red;">
        <div class="content">
        <h1 class="title">Basic Example</h1>
        <p class="about">Really simple HTML</p><button onClick="alert('yay')">Click Me</button>
        </div>
    </body>
</html>