Michael Niño

Gnome Application Framework

I just added to Alchemy (GJS UI Framework) inspired by Quasar Framework and VueJS:

QWebView (Native WebKit 6.0 integration with reactive URL/HTML bindings)

QAudioPlayer (Extensible, HTML5-like audio player powered by GStreamer for advanced multimedia and WebRTC integration)

Alchemy Framework ⚗️

Alchemy Framework is a lightweight, highly-reactive UI component library for GNOME/GJS, heavily inspired by the beloved Quasar Framework (VueJS).

Alchemy bridges the gap between modern web development ergonomics and native Linux desktop application development. It allows you to build GNOME applications using a familiar, Vue-like composition API, while rendering 100% native GTK4 widgets.

Methodology

1. The Reactivity Engine

At the core of Alchemy is a lightweight, dependency-tracking reactivity engine modeled after Vue 3.

  • ref: Creates a reactive reference to primitive values (or objects).
  • computed: Creates derived reactive state that automatically re-evaluates when its dependencies change.
  • effect: Tracks dependencies and automatically executes a callback whenever bound ref values update.

2. Native GTK4 Abstractions

Alchemy does not use a webview or render custom DOM nodes. Instead, every Alchemy component (like QBtn or QInput) is a thin, reactive wrapper around a native Gtk4 widget.

  • State…