<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/posts/build-your-first-electron-app-ocqinw-yx" -->

---
title: Build your first Electron app | daily.dev
description: Electron is a free and open-source framework maintained mainly by GitHub. It powers dozens of apps, including Discord, Slack, Notion, VSCode, Spotify, and many...
canonical: https://daily.dev/posts/build-your-first-electron-app-ocqinw-yx
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:type: website
og:site_name: daily.dev
og:title: Build your first Electron app | daily.dev
og:description: Electron is a free and open-source framework maintained mainly by GitHub. It powers dozens of apps, including Discord, Slack, Notion, VSCode, Spotify, and many...
og:url: https://daily.dev/posts/build-your-first-electron-app-ocqinw-yx
og:image: https://api.daily.dev/og/posts/ocQInw-Yx.png
og:image:alt: Build your first Electron app
og:image:width: 1200
og:image:height: 630
og:locale: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Build your first Electron app

**[Hashnode](https://daily.dev/sources/hashnode)** · [@akoskm](https://daily.dev/akoskm) · 3 min read · 155 upvotes · 5 comments

## Summary

Electron is a free and open-source framework maintained mainly by GitHub. It powers dozens of apps, including Discord, Slack, Notion, VSCode, Spotify, and many more. The framework is designed to let developers create desktop applications using web technologies such as JavaScript, HTML, and CSS.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://akoskm.com/build-a-javascript-desktop-app-with-electron>

## Community discussion

Top comments from developers on daily.dev.

**@manu\_freitas** · 1 upvotes

> it's amazing how is really easy to make a desktop app with electron

**@djellal** · 1 upvotes

> Very interesting it will helpfull somebody (sorry to m'y bad english ..)

**@whizkidefos** · 1 upvotes

> ElectronJS changed the game for desktop development!

**@yash\_darkslayer** · 0 upvotes

> Electron apps are amazing!

**@coder371** · 0 upvotes

> love it 😍

---

Tags: [#javascript](https://daily.dev/tags/javascript), [#html](https://daily.dev/tags/html), [#electron](https://daily.dev/tags/electron), [#npm](https://daily.dev/tags/npm)

[View this post on daily.dev](https://daily.dev/posts/build-your-first-electron-app-ocqinw-yx)

```json
{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]}
{"@context":"https://schema.org","@type":"TechArticle","headline":"Build your first Electron app","url":"https://daily.dev/posts/build-your-first-electron-app-ocqinw-yx","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/build-your-first-electron-app-ocqinw-yx"},"datePublished":"2022-08-13T03:02:56.451Z","dateModified":"2022-09-07T05:42:31.513Z","description":"Electron is a free and open-source framework maintained mainly by GitHub. It powers dozens of apps, including Discord, Slack, Notion, VSCode, Spotify, and many...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/b8cbb4d573c59a01780a26ba0a1b4374","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/b8cbb4d573c59a01780a26ba0a1b4374","isAccessibleForFree":true,"articleSection":"Hashnode","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Person","name":"Ákos K","url":"https://daily.dev/akoskm","image":"https://avatars.githubusercontent.com/u/3111627?v=4","description":"Hey, I'm Akos 👋 I help web developers master their craft and succeed in their careers 🧙‍♂️","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":1200}},"commentCount":5,"discussionUrl":"https://daily.dev/posts/build-your-first-electron-app-ocqinw-yx","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":155},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":5}],"keywords":"javascript,html,electron,npm","timeRequired":"PT3M"}
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Hashnode","item":"https://daily.dev/sources/hashnode"},{"@type":"ListItem","position":3,"name":"Build your first Electron app"}]}
{"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/build-your-first-electron-app-ocqinw-yx","comment":[{"@type":"Comment","text":"it’s amazing how is really easy to make a desktop app with electron","datePublished":"2022-08-13T15:24:57.404Z","url":"https://daily.dev/posts/ocQInw-Yx#c-PlNMmSjjf","author":{"@type":"Person","name":"Manoel Freitas","url":"https://daily.dev/manu_freitas","image":"https://avatars.githubusercontent.com/u/20017243?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"Very interesting it will helpfull somebody (sorry to m’y bad english …)","datePublished":"2022-08-15T10:43:51.007Z","url":"https://daily.dev/posts/ocQInw-Yx#c-R8e9HY64J","author":{"@type":"Person","name":"mohammed-el-amine","url":"https://daily.dev/djellal","image":"https://avatars.githubusercontent.com/u/102955137?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"ElectronJS changed the game for desktop development!","datePublished":"2022-08-15T08:41:20.428Z","url":"https://daily.dev/posts/ocQInw-Yx#c-zZdoL6zKG","author":{"@type":"Person","name":"Efosa Igbinehi","url":"https://daily.dev/whizkidefos","image":"https://avatars.githubusercontent.com/u/10976590?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"Electron apps are amazing!","datePublished":"2022-09-28T09:26:54.540Z","url":"https://daily.dev/posts/ocQInw-Yx#c-LQjUh8Ret","author":{"@type":"Person","name":"Yash Srivastava","url":"https://daily.dev/yash_darkslayer","image":"https://lh3.googleusercontent.com/a/AATXAJw_S1H0WDKzxDHfo7UhEqRo2bt1uX9Avm9wO_jg=s100"}},{"@type":"Comment","text":"love it 😍","datePublished":"2022-08-14T12:15:46.148Z","url":"https://daily.dev/posts/ocQInw-Yx#c-hSaK3JlZn","author":{"@type":"Person","name":"Abdalstar Abdo","url":"https://daily.dev/coder371","image":"https://lh3.googleusercontent.com/a-/AFdZucp4Pppe8wkxRHQEXfmyyt9Dmn06ljSq1uAc7oruahY=s100"}}]}
```