Introduction

VistaJS is in beta! We would appreciate your feedback and contributions.

Feel free to try it out and share your thoughts with us! Report issues or suggest improvements here.

VistaJS is a compact JavaScript framework for building web interfaces, offering built-in support for TypeScript and features like signals, computed values, effects, routing, testing and much more, all powered by Vite.

import { signal } from 'vistajs/core';
import { Component, html } from 'vistajs/dom';
import { boostrap } from 'vistajs/boot';

const counter = Component('app-counter', () => {
  const counter = signal(0);

  const increment = () => {
    counter.set(counter() + 1);
  };

  return () => html`<button onclick=${increment}>${counter()}</button>`;
});

const root = document.querySelector('#app') as Element;

boostrap(root, counter);

VistaJS features

• Signals

• Effects

• Computed Values

• Routing

• Lazy Loading

• CSS Modules

• Functional Components

Take a look on our quickstart to setup your first VistaJS project! 😉