# nodegui/react-nodegui

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/nodegui-react-nodegui).**

6,186 stars · 180 forks · TypeScript · MIT

## Links

- GitHub: https://github.com/nodegui/react-nodegui
- Homepage: https://react.nodegui.org
- awesome-repositories: https://awesome-repositories.com/repository/nodegui-react-nodegui.md

## Topics

`css` `desktop` `gui` `native` `nodejs` `openlibrary` `qt` `react` `react-desktop`

## Description

Build performant, native and cross-platform desktop applications with native React + powerful CSS like styling.🚀

## Tags

### Mobile Development

- [React Desktop App Development](https://awesome-repositories.com/f/mobile-development/react-native-applications/desktop-ports/react-desktop-app-development.md) — Builds cross-platform desktop applications using React components rendered with native widgets instead of a web view.

### Web Development

- [Cross-Platform Desktop Frameworks](https://awesome-repositories.com/f/web-development/cross-platform-desktop-frameworks.md) — Builds cross-platform desktop applications using components rendered with native widgets on major operating systems. ([source](https://cdn.jsdelivr.net/gh/nodegui/react-nodegui@master/README.md))
- [React Desktop Frameworks](https://awesome-repositories.com/f/web-development/cross-platform-desktop-frameworks/react-desktop-frameworks.md) — Builds native desktop applications using React components rendered with Qt widgets instead of a web view.
- [Native Event Handling](https://awesome-repositories.com/f/web-development/native-event-handling.md) — Responds to all widget events through a unified event system for building interactive user interfaces. ([source](https://cdn.jsdelivr.net/gh/nodegui/react-nodegui@master/README.md))

### DevOps & Infrastructure

- [Cross-Platform Executable Generators](https://awesome-repositories.com/f/devops-infrastructure/platform-executable-generators/cross-platform-executable-generators.md) — Compiles and executes the same application code on Windows, macOS, and Linux without platform-specific modifications. ([source](https://react.nodegui.org/))

### Programming Languages & Runtimes

- [Node.js Desktop Integration](https://awesome-repositories.com/f/programming-languages-runtimes/node-js-desktop-integration.md) — Provides direct access to Node.js standard library and npm packages from within native desktop applications.
- [Node.js Package Compatibility](https://awesome-repositories.com/f/programming-languages-runtimes/node-js-package-compatibility.md) — Provides direct access to the full Node.js standard library and npm ecosystem from desktop application code. ([source](https://cdn.jsdelivr.net/gh/nodegui/react-nodegui@master/README.md))
- [Node.js Debuggers](https://awesome-repositories.com/f/programming-languages-runtimes/node-js-debuggers.md) — Launches the app with the inspect flag and connects an external debugger to examine JavaScript execution. ([source](https://react.nodegui.org/docs/guides/debugging))

### Software Engineering & Architecture

- [Widget Event Bridges](https://awesome-repositories.com/f/software-engineering-architecture/event-driven-architectures/widget-event-bridges.md) — Responds to all widget events through a unified event system for building interactive user interfaces.

### User Interface & Experience

- [Cross-Platform Desktop Toolkits](https://awesome-repositories.com/f/user-interface-experience/cross-platform-desktop-toolkits.md) — Creates native desktop applications for Windows, macOS, and Linux from a single React codebase.
- [CSS-to-Native Style Translators](https://awesome-repositories.com/f/user-interface-experience/css-to-native-style-translators.md) — Applies cascading stylesheets and Flexbox layout to native desktop widgets for consistent responsive user interfaces.
- [Desktop](https://awesome-repositories.com/f/user-interface-experience/css-to-native-style-translators/desktop.md) — Applies cascading stylesheets and Flexbox layout to native desktop widgets for responsive interfaces without a browser engine.
- [Qt Style Sheet Translators](https://awesome-repositories.com/f/user-interface-experience/css-to-native-style-translators/qt-style-sheet-translators.md) — Translates cascading stylesheets and Flexbox properties into native Qt widget styling without a browser engine.
- [Desktop Flexbox Layouts](https://awesome-repositories.com/f/user-interface-experience/flexbox-layout-engines/desktop-flexbox-layouts.md) — Applies cascading stylesheets and Flexbox layout to native desktop widgets for responsive interfaces.
- [Cross-Platform Native Renderers](https://awesome-repositories.com/f/user-interface-experience/native-ui-component-libraries/native-ui-renderers/cross-platform-native-renderers.md) — Compiles the same React codebase to native desktop widgets on Windows, macOS, and Linux.
- [Qt Widget Mappings](https://awesome-repositories.com/f/user-interface-experience/native-widget-mapping/qt-widget-mappings.md) — Maps React component declarations directly to native Qt widget instances for desktop UI rendering.
- [Native Button Widgets](https://awesome-repositories.com/f/user-interface-experience/button-styles/action-buttons/native-button-widgets.md) — Renders native clickable button widgets that trigger actions when pressed by the user. ([source](https://react.nodegui.org/docs/api/interfaces/buttonprops))
- [Dynamic Grid Layouts](https://awesome-repositories.com/f/user-interface-experience/grid-layouts/list-layout-arrangements/dynamic-grid-layouts.md) — Arranges child components into rows and columns of a grid, letting you insert and remove cells dynamically. ([source](https://react.nodegui.org/docs/guides/layout))
- [Image Display Components](https://awesome-repositories.com/f/user-interface-experience/image-display-components.md) — Renders an image from a local file path or URL using a native label component for display. ([source](https://react.nodegui.org/docs/guides/images))
- [Native Desktop Image Renderers](https://awesome-repositories.com/f/user-interface-experience/native-html-image-renderers/native-desktop-image-renderers.md) — Displays images from file paths, URLs, buffers, or animated formats using native label components in a desktop app.
- [Box-Based Layouts](https://awesome-repositories.com/f/user-interface-experience/widget-arrangement-systems/row-and-column-layouts/box-based-layouts.md) — Lays out child components in a single row or column, supporting dynamic addition and removal. ([source](https://react.nodegui.org/docs/guides/layout))

### Part of an Awesome List

- [React DevTools Integrations](https://awesome-repositories.com/f/awesome-lists/ai/developer-integrations/react-devtools-integrations.md) — Integrates with developer tools for inspecting component state and application behavior during development. ([source](https://cdn.jsdelivr.net/gh/nodegui/react-nodegui@master/README.md))

### Development Tools & Productivity

- [Browser DevTools Inspections](https://awesome-repositories.com/f/development-tools-productivity/browser-based-app-inspection/browser-devtools-inspections.md) — Opens the app in browser developer tools to set breakpoints, inspect variables, and profile performance. ([source](https://cdn.jsdelivr.net/gh/nodegui/react-nodegui@master/README.md))
- [VSCode Debugger Attachments](https://awesome-repositories.com/f/development-tools-productivity/debugger-initialization/process-attachment/vscode-debugger-attachments.md) — Launches the app under the runtime and attaches the debugger so breakpoints are hit inside the editor. ([source](https://react.nodegui.org/docs/guides/debugging-in-vscode))
- [Desktop App Debugging Workflows](https://awesome-repositories.com/f/development-tools-productivity/interactive-debug-consoles/breakpoint-debugging/desktop-app-debugging-workflows.md) — Debugs desktop applications using VSCode breakpoints and React DevTools attached to the native runtime.

### Networking & Communication

- [Browser DevTools Bridges](https://awesome-repositories.com/f/networking-communication/debugging-communication-bridges/browser-devtools-bridges.md) — Integrates browser developer tools and VSCode debugger with the native runtime for inspection and breakpoints.