react-electron-example

An example of using React (create-react-app) with Electron

Made by Kitze
kitze.io · X · YouTube

More projects by Kitze

Zero To Shipped A full-stack starter kit for web and mobile apps.	Sotto Voice-to-text for macOS. Local AI, one-time purchase.	Tinkerer Club A private community for builders, self-hosters, and AI tinkerers.
Sizzy The browser for web developers.	Supermac A macOS command center for everyday workflows.	DMX A focused desktop client for X.

Support this project

 

Sponsors

Postiz Schedule social posts with AI agents.	FounderStack A SaaS stack for your business, without subscriptions.	Matte 3D mockups, screen recordings, and video editing.
HTML/CSS to Image Turn HTML/CSS into images, PDFs, and screenshots.	NameMyVenti Get your brand shouted out at Starbucks.

---

🙋‍♂️ Made by @thekitze

Other projects:

• 🏫 React Academy - Interactive React and GraphQL workshops
• 💌 Twizzy - A standalone app for Twitter DM
• 💻 Sizzy - A tool for testing responsive design on multiple devices at once
• 🤖 JSUI - A powerful UI toolkit for managing JavaScript apps

---

React + Electron = 😍

An example of using create-react-app and Electron.

Scripts

yarn start will start the Electron app and the React app at the same time.
yarn build will build the React app and package it along the Electron app.

Read more

You can read more about it in my Medium article.

---

More projects by Kitze

Apps & tools

gifs.so Search, copy, and download reaction GIFs.	Glink Feedback, roadmaps, changelogs, and discussions.	Benji Tasks, habits, calendar, health, and routines in one place.
Perkz Sell and manage access to private GitHub repositories.	JustWrite Distraction-free writing sprints for macOS, with time or word-count goals.	Releaseflow App updates and downloads.
Passlock A macOS password manager with time locks and unlock challenges.

Open source

Skillbox A self-hosted, versioned skills library for AI agents.	Unclutter Remove page clutter with AI-powered, reusable browser rules.	PageGrade Grade page clarity, writing, and on-page SEO.
Council Let your coding agents deliberate together before making a plan.	CodexMaxx Manage Codex accounts, usage, and active sessions on macOS.	React Hanger A collection of useful React hooks.
React Genie Animate React elements as they enter the viewport.	MobX Router A simple router for MobX and React apps.

All projects · GitHub · Follow on X · YouTube