All Projects → nodegui → React Nodegui Starter

nodegui / React Nodegui Starter

Starter repository for react based native desktop apps using react-nodegui

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to React Nodegui Starter

React Nodegui
Build performant, native and cross-platform desktop applications with native React + powerful CSS like styling.🚀
Stars: ✭ 5,914 (+4380.3%)
Mutual labels:  gui, qt, desktop, native
Vue Nodegui
Build performant, native and cross-platform desktop applications with native Vue + powerful CSS like styling.🚀
Stars: ✭ 575 (+335.61%)
Mutual labels:  gui, qt, desktop, native
Qode
Qode is a lightly modified fork of Node.js that merges Node's event loop with Qt's event loop. It is designed to be used together with @nodegui/nodegui.
Stars: ✭ 84 (-36.36%)
Mutual labels:  gui, qt, desktop
Nodegui
A library for building cross-platform native desktop applications with Node.js and CSS 🚀. React NodeGui : https://react.nodegui.org and Vue NodeGui: https://vue.nodegui.org
Stars: ✭ 7,324 (+5448.48%)
Mutual labels:  gui, qt, desktop
Phantomstyle
Cross-platform QStyle for traditionalists
Stars: ✭ 179 (+35.61%)
Mutual labels:  gui, qt, desktop
Nodegui Starter
A starter repo for NodeGui projects
Stars: ✭ 93 (-29.55%)
Mutual labels:  gui, qt, desktop
Tabtoolbar
A small library for creating tabbed toolbars
Stars: ✭ 129 (-2.27%)
Mutual labels:  gui, qt
Nitroshare Desktop
Network file transfer application for Windows, OS X, & Linux
Stars: ✭ 1,150 (+771.21%)
Mutual labels:  gui, qt
Ariang Native
A better aria2 desktop frontend than AriaNg, containing all features of AriaNg and more features for desktop.
Stars: ✭ 1,176 (+790.91%)
Mutual labels:  gui, desktop
Examples
Learn to create a desktop app with Python and Qt
Stars: ✭ 1,196 (+806.06%)
Mutual labels:  gui, qt
Arcgis Appstudio Samples
Collection of samples available in AppStudio for ArcGIS desktop to learn and help build your next app.
Stars: ✭ 78 (-40.91%)
Mutual labels:  qt, native
Node Desktop Idle
Node/Electron module to detect idle desktop user (macOS, Windows, Linux, FreeBSD and OpenBSD)
Stars: ✭ 81 (-38.64%)
Mutual labels:  desktop, native
Guitar
Git GUI Client
Stars: ✭ 1,136 (+760.61%)
Mutual labels:  gui, qt
Mlde.d.moonlightde
Modular and Qt5 light new behavior desktop environment
Stars: ✭ 40 (-69.7%)
Mutual labels:  qt, desktop
Silx
silx toolkit
Stars: ✭ 69 (-47.73%)
Mutual labels:  gui, qt
Guiscrcpy
A full fledged GUI integration for the most award winning open-source android screen mirroring system -- scrcpy located on https://github.com/genymobile/scrcpy/ by @rom1v
Stars: ✭ 960 (+627.27%)
Mutual labels:  gui, qt
Revery
⚡ Native, high-performance, cross-platform desktop apps - built with Reason!
Stars: ✭ 7,812 (+5818.18%)
Mutual labels:  desktop, native
Scala Swing
Scala wrappers for Java's Swing API for desktop GUIs
Stars: ✭ 105 (-20.45%)
Mutual labels:  gui, desktop
Blender Toolbox Qt
Attempt to recreate a blender like toolbox in Qt
Stars: ✭ 98 (-25.76%)
Mutual labels:  gui, qt
Desktop
Go/HTML/CSS/JS Desktop application scaffold.
Stars: ✭ 109 (-17.42%)
Mutual labels:  gui, desktop

react-nodegui-starter

Clone and run for a quick way to see React NodeGui in action.

logo

To Use

To clone and run this repository you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
git clone https://github.com/nodegui/react-nodegui-starter
# Install CMake
brew install cmake
# Go into the repository
cd react-nodegui-starter
# Install dependencies
npm install
# Run the dev server
npm run dev
# Open andother terminal and run the app
npm start

Installation & Resources for learning React NodeGui

Packaging app as a distributable

In order to distribute your finished app, you can use @nodegui/packer

Step 1: (Run this command only once)

npx nodegui-packer --init MyAppName

This will produce the deploy directory containing the template. You can modify this to suite your needs. Like add icons, change the name, description and add other native features or dependencies. Make sure you commit this directory.

Step 2: (Run this command every time you want to build a new distributable)

Next you can run the pack command:

npm run build

This will produce the js bundle along with assets inside the ./dist directory

npx nodegui-packer --pack ./dist

This will build the distributable using @nodegui/packer based on your template. The output of the command is found under the build directory. You should gitignore the build directory.

More details about packer can be found here: https://github.com/nodegui/packer

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].