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 * as jsUI from 'javascript-ui';
import {Section, Paragraph} from 'javascript-ui';
jsUI.view([
Section([
Paragraph('Hello, World!')
.textColor('green')
])
]);Resulting HTML:
<section>
<p style="color: green;">Hello, World!</p>
</section>Result in browser:
Thanks for taking interest in this project :) I work on jsUI because it's fun and because I feel like I discover more and more uses for it the more I work on it. I've come to find it's very hackable, it has more possibilities than I originally thought when I started the project and I love stuff like that.
This project aims to create a framework that allows you to create UI in a way that feels more natural and fun and not a chore.