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
Install via NPM:
npm i javascript-uiImport 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.