gsolid

KO | EN

gitlite — search

#hacktoberfest #react #ai #typescript #llm #android #docker #macos #nodejs #java #kubernetes #pytorch #mcp #openai

(★ 12)

Readaonly mirror for rubicon/gsolid@codeberg.org. Simple and performant reactivity for building user interfaces, with GTK 4.

gsolid Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# GSolid

Simple and performant reactivity for building user interfaces, with GTK 4. GSolid is a universal GTK renderer for [solid-js](https://www.solidjs.com).

- Performant: Working with native `Gtk.Widget` without heavy middleware. No Tick, No Late.
- Powerful: Composable reactive primitives plus the flexibility of JSX.
- Productive: Ergonomics and familiarity that make building simple or complex frontends a breeze.

GSolid supports [Gjs](https://gitlab.gnome.org/GNOME/gjs/).

Launch your project in seconds with [gsolid-app-starter](https://github.com/thislight/gsolid-app-starter)!

```jsx
import Gtk from "gi://Gtk?version=4.0";
import GObject from "gi://GObject?version=2.0";
import { createSignal } from "gsolid";
import { Box, Button, Label, Window, GSolidApp } from "gsolid/gtk4";

class MyApp extends GSolidApp {
    static {
        GObject.registerClass({}, this);
    }

override vfunc_startup() {
        super.vfunc_startup();

this.render(() => <Window
            open
            onCloseRequest={() => false}
            title="Hello World!"
            defaultWidth={300}
            defaultHeight={250}
        >
            <Box orientation={Gtk.Orientation.VERTICAL} spacing={8}>
                <Label label={`Count: ${counter()}`} />
                <Button
                    label="+1"
                    valign={Gtk.Align.CENTER}
                    halign={Gtk.Align.CENTER}
                    onClicked={() => setCounter((x) => x + 1)}
                />
            </Box>
        </Window>);
    }
}

new MyApp({application_id: "org.example.MyApp"}).run(null)
```

## Bundling

- [esbuild-plugin-gsolid](https://github.com/thislight/esbuild-plugin-gsolid)

Interesting on writing bundler for GSolid? See [Notes on build Applications](./docs/build-app.md).

## Other Documents

- [JSX](./docs/jsx.md)
- [TypeScript](./docs/typescript.md)

## Special Libraries

GSolid provides some libraries to improve UX for gjs.

Mostly we create the library similiar to the Web API, but they are not 1:1 simulation to the API on the other platform.

- `gsolid/fetch` - Fetch API, libsoup 3.x wrapper

## License

SPDX: Apache-2.0

gsolid

gsolid Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

gsolid

gsolid Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README