A utilitarian framework for creating simple UI in javascript
function Counter(){
this.css = `
color: red;
button {
border: 3px solid blue;
}`
this.counter = 0
return html`
<div>
<div>count is: ${use(this.counter)}</div>
<button on:click=${()=>this.counter++}>Click Me!</button>
</div>
`
}
let root = html`
<div>
<h1>dreamland.js!</h1>
<${Counter} />
<div/>
`;
document.body.appendChild(root);
dreamland has no virtual DOM and no build step. Just write your components in javascript and attach them to the DOM.
dreamland is extremely small, coming in at 1.6kb minified and gzipped.