Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/clayrisser/react-gtk
react Native bridge for gtk desktop applications
https://github.com/clayrisser/react-gtk
bridge featured gtk gtk3 react react-native
Last synced: 4 days ago
JSON representation
react Native bridge for gtk desktop applications
- Host: GitHub
- URL: https://github.com/clayrisser/react-gtk
- Owner: clayrisser
- License: mit
- Created: 2017-05-22T09:52:19.000Z (about 7 years ago)
- Default Branch: main
- Last Pushed: 2024-01-22T09:42:07.000Z (5 months ago)
- Last Synced: 2024-05-05T02:26:58.325Z (about 2 months ago)
- Topics: bridge, featured, gtk, gtk3, react, react-native
- Language: TypeScript
- Homepage: https://clayrisser.com
- Size: 74.9 MB
- Stars: 293
- Watchers: 13
- Forks: 19
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Lists
- awesome-react-renderer - react-gtk - React Native renderer for gtk powered cross platform desktop applications that run on OSX, Linux and Windows. (Desktop)
README
# react-gtk
[](https://opencollective.com/reactgtk) [](https://github.com/codejamninja/react-gtk)
> cross-platform react native desktop applications
Please ★ this repo if you found it useful ★ ★ ★
Built with [Node GTK](https://github.com/romgrk/node-gtk) and [Gjsify](https://gjsify.org)
## GTK 4.0 Support Coming Soon!
After a few years away from this project, I have finally returned. I will
be refactoring the entire project from scratch to reach general availablilty.
The new refactor will support [GTK 4.0](https://blog.gtk.org/2020/12/16/gtk-4-0/)
and CSS using [Yoga](https://yogalayout.com).
You can follow the development in the [React GTK Discord](#discord)
## [JOIN DISCORD](https://discord.gg/UBrXPfFnF3)
## [FILE ISSUE](https://github.com/codejamninja/react-gtk/issues/new)
This project is under active development. Please help by sharing your
experience, bugs, comments, complaints, etc . . .
If you think it, say it :laughing:
## Features
- supports native osx desktop
- supports native linux desktop
- supports native windows desktop
## Installation
```sh
npm install --save @react-gtk/binding
```
## Dependencies
- [NodeJS](https://nodejs.org)
- [GTK](https://www.gtk.org)
- [GObject Introspection](https://wiki.gnome.org/Projects/GObjectIntrospection)
### Gtk 3
Make sure you have gtk 3 installed on your operating system.
#### Ubuntu
```sh
sudo apt install libgtk-3-dev libgirepository1.0-dev
```
#### OSX
```sh
brew install gtk+3
```
## Usage
```js
import React, { Component } from 'react';
import { render, Button, Box } from '@react-gtk/binding';
class App extends Component {
render() {
return (
);
}
}
render(, 'My App');
```
## Example
```sh
git clone https://github.com/codejamninja/react-gtk.git
cd react-gtk/examples/elements
npm install
npm run start
```
## Support
Submit an [issue](https://github.com/codejamninja/react-gtk/issues/new)
## Screenshots
[Contribute](https://github.com/codejamninja/react-gtk/blob/master/CONTRIBUTING.md) a screenshot
## Contributing
Review the [guidelines for contributing](https://github.com/codejamninja/react-gtk/blob/master/CONTRIBUTING.md)
## Contributors
### Code Contributors
This project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].
### Financial Contributors
Become a financial contributor and help us sustain our community. [[Contribute](https://opencollective.com/reactgtk/contribute)]
#### Individuals
#### Organizations
Support this project with your organization. Your logo will show up here with a link to your website. [[Contribute](https://opencollective.com/reactgtk/contribute)]
## License
[MIT License](https://github.com/codejamninja/react-gtk/blob/master/LICENSE)
[Jam Risser](https://codejam.ninja) © 2019
## Changelog
Review the [changelog](https://github.com/codejamninja/react-gtk/blob/master/CHANGELOG.md)
## Credits
- [Jam Risser](https://codejam.ninja) - Author
## Support on Liberapay
A ridiculous amount of coffee ☕ ☕ ☕ was consumed in the process of building this project.
[Add some fuel](https://liberapay.com/codejamninja/donate) if you'd like to keep me going!
[](https://liberapay.com/codejamninja/donate)
[](https://liberapay.com/codejamninja/donate)