Javascript UI is a JavaScript framework. It describes HTML and CSS in Javascript simliar to SwiftUI.

• Useful shorthands for HTML tags and css properties
• Built-in standard animations like rotate, fade, flip, shake, and more...
• Built-in CSS tricks like truncation, font smoothing, fit, etc.
• CSS properties are abtracted into views and stacks like ScrollView, GridStack, HStack, VStack, etc.
• Built-in router
• Store and state management

Playground • Documentation

Install via NPM:

npm i javascript-ui

Import and add elements to the view() function.

import {view, Section, Paragraph} from 'javascript-ui'; view([ Section([ Paragraph('Hello, World!') .textColor('green') ]) ]);

Resulting HTML:

<section> <p style="color: green;">Hello, World!</p> </section>

Result in browser:

This project aims to create a framework that allows you to create UI in a way that feels natural and easy.