https://github.com/thislight/gsolid
Simple and performant reactivity for building user interfaces, with GTK 4.
https://github.com/thislight/gsolid
gsolid gtk gtk4 solid-js
Last synced: about 2 months ago
JSON representation
Simple and performant reactivity for building user interfaces, with GTK 4.
- Host: GitHub
- URL: https://github.com/thislight/gsolid
- Owner: thislight
- License: apache-2.0
- Created: 2023-07-06T08:33:48.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-09-22T10:12:45.000Z (8 months ago)
- Last Synced: 2025-03-16T21:11:20.779Z (about 2 months ago)
- Topics: gsolid, gtk, gtk4, solid-js
- Language: TypeScript
- Homepage: https://www.npmjs.com/package/gsolid
- Size: 205 KB
- Stars: 12
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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 { createSignal } from "gsolid";
import { Box, Button, Label, ReactiveWindow, createApp } from "gsolid/gtk4";
createApp((app) => {
const [counter, setCounter] = createSignal(0);
app.add_window(
false}
title="Hello World!"
defaultWidth={300}
defaultHeight={250}
>
setCounter((x) => x + 1)}
/>
as Gtk.Window);
}, { 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