Gnim

Library that brings JSX, reactivity and type-safety to GNOME JavaScript.

• TypeScript support for generating GObject Introspection type annotations
• JSX and reactivity for both Gtk Applications and Gnome extensions
• GObject decorators for a convenient way for subclassing GObjects
• DBus decorators for implementing DBus services and proxies

Get started

npm

npm create gnim@alpha

pnpm

pnpm create gnim@alpha

yarn

yarn create gnim@alpha

bun

bun create gnim@alpha

deno

deno init --npm gnim@alpha

Obligatory Counter Example

function Counter() {
  const [count, setCount] = createState(0)

  function increment() {
    setCount((v) => v + 1)
  }

  effect(() => {
    console.log("count is", count())
  })

  return (
    <Gtk.Box spacing={8}>
      <Gtk.Label label={count.as(String)} />
      <Gtk.Button onClicked={increment}>Increment</Gtk.Button>
    </Gtk.Box>
  )
}