Awesome
react-gtk
cross-platform react native desktop applications
Please ★ this repo if you found it useful ★ ★ ★
Built with Node GTK and Gjsify
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 and CSS using Yoga.
You can follow the development in the React GTK Discord
JOIN DISCORD
FILE ISSUE
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
npm install --save @react-gtk/binding
Dependencies
Gtk 3
Make sure you have gtk 3 installed on your operating system.
Ubuntu
sudo apt install libgtk-3-dev libgirepository1.0-dev
OSX
brew install gtk+3
Usage
import React, { Component } from 'react';
import { render, Button, Box } from '@react-gtk/binding';
class App extends Component {
render() {
return (
<Box>
<Button label="One" />
<Button label="Two" />
</Box>
);
}
}
render(<App />, 'My App');
Example
git clone https://github.com/codejamninja/react-gtk.git
cd react-gtk/examples/elements
npm install
npm run start
Support
Submit an issue
Screenshots
Contribute a screenshot
Contributing
Review the guidelines for contributing
Contributors
Code Contributors
This project exists thanks to all the people who contribute. [Contribute]. <a href="https://github.com/codejamninja/react-gtk/graphs/contributors"><img src="https://opencollective.com/reactgtk/contributors.svg?width=890&button=false" /></a>
Financial Contributors
Become a financial contributor and help us sustain our community. [Contribute]
Individuals
<a href="https://opencollective.com/reactgtk"><img src="https://opencollective.com/reactgtk/individuals.svg?width=890"></a>
Organizations
Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]
<a href="https://opencollective.com/reactgtk/organization/0/website"><img src="https://opencollective.com/reactgtk/organization/0/avatar.svg"></a> <a href="https://opencollective.com/reactgtk/organization/1/website"><img src="https://opencollective.com/reactgtk/organization/1/avatar.svg"></a> <a href="https://opencollective.com/reactgtk/organization/2/website"><img src="https://opencollective.com/reactgtk/organization/2/avatar.svg"></a> <a href="https://opencollective.com/reactgtk/organization/3/website"><img src="https://opencollective.com/reactgtk/organization/3/avatar.svg"></a> <a href="https://opencollective.com/reactgtk/organization/4/website"><img src="https://opencollective.com/reactgtk/organization/4/avatar.svg"></a> <a href="https://opencollective.com/reactgtk/organization/5/website"><img src="https://opencollective.com/reactgtk/organization/5/avatar.svg"></a> <a href="https://opencollective.com/reactgtk/organization/6/website"><img src="https://opencollective.com/reactgtk/organization/6/avatar.svg"></a> <a href="https://opencollective.com/reactgtk/organization/7/website"><img src="https://opencollective.com/reactgtk/organization/7/avatar.svg"></a> <a href="https://opencollective.com/reactgtk/organization/8/website"><img src="https://opencollective.com/reactgtk/organization/8/avatar.svg"></a> <a href="https://opencollective.com/reactgtk/organization/9/website"><img src="https://opencollective.com/reactgtk/organization/9/avatar.svg"></a>
License
Jam Risser © 2019
Changelog
Review the changelog
Credits
- Jam Risser - Author
Support on Liberapay
A ridiculous amount of coffee ☕ ☕ ☕ was consumed in the process of building this project.
Add some fuel if you'd like to keep me going!