# Electron Electron is a framework for building cross-platform desktop applications with JavaScript, HTML, and CSS. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## BotHub выпустил полноценное приложение для ПК DevFeed: [BotHub выпустил полноценное приложение для ПК]() Original publisher: [Read original article]() Author: DashaPasha (BotHub) Published: 2026-09-16T14:21:39Z Content type: news Language: ru Sources: [Tagir Valeev]() Topics: [Electron](), [Linux](), [macOS](), [Windows]() Tags: [bothub](), [bothub-6fb4765299a5](), [chatgpt](), [claude](), [electron](), [gemini](), [linux](), [macos](), [tag-13e2af703774](), [tag-602ac1ff1e95](), [tag-61cd5a476b1d](), [tag-d027108afc56](), [vpn-3362efe1967b](), [windows]() ### AI overview BotHub has released a desktop application for Windows, macOS, and Linux. Built with Electron, it provides access to the platform's AI models and chats in a standalone window, and includes a screen-recording protection feature that hides the app's content during screen sharing. ### Source excerpt BotHub -- платформа для работы с сотнями ИИ-моделей. В одном интерфейсе доступны ChatGPT, Claude, Gemini, Grok, DeepSeek, генераторы изображений, видео и другие модели. Для использования не нужно оформлять отдельную подписку на каждый сервис: BotHub работает с оплатой по фактическому использованию. Также сервис позволяет пользоваться доступными моделями без VPN. Теперь BotHub можно установить как полноценное десктопное приложение для Windows, macOS и Linux. Это отдельный клиент на Electron, который запускается как обычная программа и находится под рукой независимо от открытых сайтов. Главное преимущество такого формата -- удобство при постоянной работе с ИИ. Не нужно держать ещё одну вкладку среди десятков других: BotHub открывается отдельным окном, а доступ ко всем моделям и чатам остаётся в одном месте. Есть и ещё одна полезная функция -- защита от записи экрана. При демонстрации экрана содержимое приложения скрывается, поэтому переписку с нейросетью не увидят участники созвона или зрители трансляции. Эта возможность доступна именно в десктопной версии. Платформа превращается в отдельное рабочее пространство для ИИ. Потестить можно здесь, читателям Хабра, кстати, дают 300 бесплатных капсов. Скачать приложение BotHub для ПК Читать далее ## Add authentication to your Electron app in three calls DevFeed: [Add authentication to your Electron app in three calls]() Original publisher: [Read original article]() Author: WorkOS Published: 2026-08-13T00:00:00Z Content type: tutorial Language: en Sources: [WorkOS Blog]() Topics: [Electron](), [Authentication](), [SDKs](), [OAuth](), [React]() Tags: [authentication](), [electron](), [oauth](), [react](), [sdk](), [security]() ### AI overview This tutorial shows how to add WorkOS AuthKit authentication to an Electron application using the main, preload, and renderer process contexts. It covers system-browser sign-in, React-based user access, backend calls with an access token, clean sign-out, custom protocol redirects, and keeping secrets out of the shipped binary. ### Source excerpt Wiring AuthKit through Electron's main, preload, and renderer processes, without shipping a secret in your binary. ## Discord Update: August 11, 2026 Changelog DevFeed: [Discord Update: August 11, 2026 Changelog]() Original publisher: [Read original article]() Author: Clyde Published: 2026-08-11T00:00:00Z Content type: release Language: en Sources: [Discord Blog]() Topics: [changelog](), [Discord](), [App](), [Electron](), [cpu](), [Messaging](), [Security, Privacy and Abuse Prevention]() Tags: [app](), [apps](), [changelog](), [cpu](), [customization](), [data](), [discord](), [messaging](), [mobile](), [os](), [privacy](), [tools](), [update](), [updates]() ### AI overview Discord's August 11, 2026 changelog highlights new desktop formatting tools, profile privacy and customization options, friend-request notes, spoiler channels, game mentions, Meta Quest support, and ongoing settings improvements. The desktop client also upgraded to Electron 42, with incremental CPU usage improvements. ### Source excerpt Here's the Discord Changelog from August 11, 2026, so you can stay informed on what's new in recent app updates! ## The Electron browser is being deprecated in Cypress DevFeed: [The Electron browser is being deprecated in Cypress]() Original publisher: [Read original article]() Published: 2026-07-10T15:15:58Z Content type: article Language: en Sources: [Cypress Blog]() Topics: [Cypress](), [Electron](), [Testing](), [browsers](), [Chromium](), [Continuous integration]() Tags: [browser](), [browsers](), [chrome](), [chromium](), [continuous-integration](), [cypress](), [edge](), [firefox](), [testing]() ### AI overview Cypress is deprecating its bundled Electron browser starting with Cypress 16.0.0 and plans to remove it in a future major version. The article explains that tests can produce inconsistent results in Electron compared with users' installed browsers, and recommends moving local and CI runs to installed browsers such as Chrome for Testing, Chrome, Firefox, or Edge. ### Source excerpt We're deprecating the Electron browser in Cypress, starting in Cypress 16.0.0, with removal in a future major version. After years of seeing inconsistent results between Electron and the browsers people actually use, we are standardizing on installed browsers for more reliable test results. ## A Visual Feedback Loop for Electron Apps with Claude Code DevFeed: [A Visual Feedback Loop for Electron Apps with Claude Code]() Original publisher: [Read original article]() Published: 2026-03-06T00:00:00Z Content type: tutorial Language: en Sources: [Juri Strumpflohner]() Topics: [Electron](), [Agent Browser](), [Claude Code](), [Protocol (disambiguation)](), [Tooling](), [Command-line interface](), [Chromium]() Tags: [agent-browser](), [chromium](), [claude-code](), [cli](), [devtools](), [electron](), [nx](), [protocol](), [tooling]() ### AI overview This tutorial explains how to give Claude Code visual feedback when building Electron applications. It uses agent-browser and the Chrome DevTools Protocol to connect to a running Electron app, capture screenshots, inspect the DOM, and verify that the rendered interface works. The article covers installing the required tooling, enabling CDP, configuring electron-vite and Nx development scripts, and checking the CDP endpoint. ### Source excerpt A Visual Feedback Loop for Electron Apps with Claude Code When building Electron apps with an AI coding agent, you run into a fundamental problem: the agent can't see what it's building. It writes code, runs the build, maybe checks the logs, but never actually looks at the rendered UI. If the window is blank or the layout is broken, it has no way to know. I found a way to close that gap using agent-browser and Chrome DevTools Protocol (CDP). ## Laravel as a Trampoline: The Artisan of the Day Is Austin White. DevFeed: [Laravel as a Trampoline: The Artisan of the Day Is Austin White.]() Original publisher: [Read original article]() Author: Ana Tavares Published: 2025-08-31T12:49:14Z Content type: article Language: en Sources: [Laravel Blog]() Topics: [Laravel](), [Code](), [Python](), [Electron](), [Vue.js](), [Forms]() Tags: [developer](), [development](), [forms](), [laravel](), [python](), [tooling](), [vue-js](), [web]() ### AI overview Austin White describes how Laravel helped him build robust applications and modernize gymnastics competition systems. At Scorsync, he developed athlete profiles, scoring history, live scoring, rankings, and event displays, using Python for an initial scanner prototype before rebuilding it with Electron and Vue.js. ### Source excerpt Austin White, a former world champion in double mini trampoline, leverages Laravel to revolutionize scoring systems in gymnastics and develop robust applications at Scorsync. ## How to enable custom fonts in Obsidian Mobile DevFeed: [How to enable custom fonts in Obsidian Mobile]() Original publisher: [Read original article]() Author: Kaushik Gopal Published: 2025-02-05T08:00:00Z Content type: tutorial Language: en Sources: [Kaushik Gopal's Site]() Topics: [Obsidian](), [CSS](), [Font](), [Electron]() Tags: [css](), [fonts](), [how-to](), [snippet]() ### AI overview A tutorial showing how to enable custom fonts in Obsidian Mobile by converting a font file to base64, embedding it in a CSS snippet, and entering the custom font name in Obsidian's appearance settings. The author reports that the method works on mobile and can also be configured on desktop and synced. ### Source excerpt One of the challenges with note taking apps on mobile is the limited font selection. While desktops let you install custom fonts system-wide, mobile platforms are much more restrictive. However, there's an elegant solution for Obsidian given it's an electron app. Obsidian allows you to inject a CSS snippet to tweak the appearnace of the app. CSS allows you to embed base64 encoded fonts directly in them for styling text 💡. I figured let's try this and see if it works on mobile. Works like a charm! Here's how to do it: 1. convert your font1 file to base64 and store in the clipboard ### # do this on a terminal app base64 -i | pbcopy 2. Create a new CSS snippet in Obsidian (Settings > Appearance > CSS snippets) and add your font declaration: ### @font-face { font-family: custom-font-name; font-weight: 350 900; src: url(data:application/octet-stream;base64,); } Remember to enable the snippet after creating it. Also font files can get large when converted to base64. So you're not going to be able to type out that encoded string. 3. Activate custom font in Obsidian ### Under Settings > Appearance > (Text|Monospace) Font, enter "custom-font-name". It won't show up in the dropdown but if you type the name exactly, you'll see a checkmark after a second and your new font is enabled. I typically do the above on my desktop and sync settings to my mobile. But nothing stops you from doing it directly on your mobile (if you don't have sync enabled). I now have my favorite reading font applied across my notes on mobile and my favorite monospace one applied to all the code in them! Obsidian on Android with custom fonts I encoded a variable font for convenience so i didn't have to declare italicized, bolded, etc. versions of the font. ↩︎ ## Electron on Heroku DevFeed: [Electron on Heroku]() Original publisher: [Read original article]() Author: Felix Rieseberg Published: 2024-09-30T16:00:00Z Content type: article Language: en Sources: [Heroku]() Topics: [Electron](), [Heroku](), [Node.js](), [Automation](), [GitHub](), [Maintainers](), [Open Source](), [Bots](), [Redis](), [releases]() Tags: [automation](), [bots](), [buildpacks](), [ecosystem](), [electron](), [github](), [heroku](), [javascript](), [maintainers](), [node-js](), [open-source](), [platform-updates](), [redis](), [releases](), [slack]() ### AI overview Electron maintainers describe how they use Heroku to host Electron's update service and automation bots. The article covers a Node.js service integrated with GitHub Releases, a staging and production pipeline, Redis storage, and a Slack bot for Chromium resource links. ### Source excerpt As maintainers of the open source framework Electron, we try to be diligent about the work we take on. Apps like Visual Studio Code, Slack, Notion, or 1Password are built on top of Electron and make use of our unique mix of native code and web technologies to make their users happy. That requires focus: [...] The post Electron on Heroku appeared first on Heroku. ## Critical WebP 0-day security CVE-2023-4863 impacts wider software ecosystem DevFeed: [Critical WebP 0-day security CVE-2023-4863 impacts wider software ecosystem]() Original publisher: [Read original article]() Author: Brian Clark; Eric Smalling; Jonathan Moses Published: 2023-09-28T05:00:00Z Content type: article Language: en Sources: [Blog RSS Feed | Snyk]() Topics: [Security](), [Vulnerabilities](), [Electron](), [browsers](), [supply-chain-security](), [Chrome](), [container images](), [FFmpeg (Fast Forward Moving Picture Experts Group)]() Tags: [awareness](), [blog](), [chrome](), [container-images](), [container-security](), [cve](), [devrel](), [docker](), [electron](), [executive](), [ffmpeg](), [open-source-security](), [secrel](), [security](), [snyk-container](), [snyk-open-source](), [snyk-security-intel](), [software-supply-chain](), [supply-chain](), [supply-chain-security](), [vulnerability](), [vulnerability-insights]() ### AI overview This article examines the critical WebP library vulnerability CVE-2023-4863, which could be exploited through maliciously formed images. The issue affects Chrome, Chrome-powered applications, operating systems, application frameworks such as Electron, and software including Pillow, FFmpeg, and Gimp. Versions 0.5.0 through 1.3.1 are affected, and upgrading to at least version 1.3.2 is recommended. The article also highlights the vulnerability's broader software supply chain impact and the importance of scanning applications and container images. ### Source excerpt CVE-2023-4863 vulnerability identified in the WebP library libwebp extends to more than just browsers - Learn how to find and fix this critical vulnerability with Snyk ## MicroPython-Ctl - a TypeScript library for talking to MicroPython devices DevFeed: [MicroPython-Ctl - a TypeScript library for talking to MicroPython devices]() Original publisher: [Read original article]() Author: Chris Hager Published: 2021-01-29T00:00:00Z Content type: release Language: en Sources: [Chris Hager]() Topics: [MicroPython](), [TypeScript](), [ESP32](), [Raspberry Pi](), [Electron](), [Node.js](), [Command-line interface](), [Visual Studio Code](), [async](), [React Native]() Tags: [async](), [cli](), [devices](), [electron](), [esp32](), [files](), [micropython](), [network](), [node-js](), [raspberry-pi](), [react-native](), [terminal](), [typescript](), [visual-studio-code]() ### AI overview The article introduces MicroPython-Ctl, a TypeScript library for interacting with MicroPython devices such as ESP32/8266 boards, Raspberry Pi Pico, Pyboard, and WiPy. It supports serial or network connections, script execution, output retrieval, file and directory manipulation, terminal interaction, and experimental local mounting. ### Source excerpt I'm happy to introduce MicroPython-Ctl: a TypeScript library for talking to MicroPython devices (such as ESP32/8266, Raspberry Pi Pico, Pyboard, WiPy, and many more). Use micropython-ctl to quickly build apps that interact with MicroPython devices: Websites / webapps, Node.js programs, Electron applications, Visual Studio Code extensions, Mobile apps (eg. with React Native) and more. Connect to devices over serial or network interface Run Python scripts, receive the output Manipulate files and directories Terminal (REPL) interaction mctl command-line utility Mount MicroPython devices locally (with FUSE, experimental) Typed and fully async (you can use await with any command). ## What's new in Svelte: November 2020 DevFeed: [What's new in Svelte: November 2020]() Original publisher: [Read original article]() Author: Dani Sandoval Published: 2020-11-01T00:00:00Z Content type: article Language: en Sources: [Svelte blog]() Topics: [Svelte](), [Web Development](), [Electron](), [TypeScript](), [React]() Tags: [bug](), [bug-fixes](), [conference](), [css](), [desktop](), [docs](), [examples](), [no-code](), [react](), [svelte](), [typescript]() ### AI overview This November 2020 update covers Svelte and Sapper features, bug fixes, typing improvements, route-layout changes, and support for filenames with multiple dots. It also previews SvelteKit, highlights Svelte Summit, and showcases projects, components, libraries, and applications built with Svelte. ### Source excerpt Welcome back to the "What's new in Svelte" series! This month, we're covering new features & bug fixes, last month's Svelte Summit and some stand-out sites and libraries... New features & impactful bug fixes Destructuring Promises now works as expected by using the {#await} syntax (3.29.3, Example) Slot forwarding (released in 3.29.0) should no longer hang during compilation (3.29.3, Example) Better typings for the get function in svelte/store and on lifecycle hooks (3.29.1) What's going on in Sapper? Sapper got some new types in its preload function, which will make typing easier if you are using TypeScript. See the Sapper docs on how to use them. There also were fixes to preload links in exported sites. Route layouts got a few fixes too - including ensuring CSS is applied to nested route layouts. You can also better organize your files now that extensions with multiple dots are supported. (0.28.10) For all the features and bugfixes see the CHANGELOGs for Svelte and Sapper. Svelte Summit was Svelte-tacular! Rich Harris demoed the possible future of Svelte development in a talk titled "Futuristic Web Development". The not-yet-public project is called SvelteKit (name may change) and will bring a first-class developer experience and more flexibility for build outputs. If you want to get the full sneak-peek, check out the video. 17 speakers made the best of the conference's virtual format... From floating heads to seamless demos, Svelte developers from every skill level will find something of interest in this year's YouTube playlist Community Showcase Svelte Lab showcases a variety of components, visualizations and interactions that can be achieved in Svelte. You can click into any component to see its source or edit it, using the site's built-in REPL svelte-electron-boilerplate is a fast way to get up and running with a Svelte app built in the desktop javascript framework, Electron React Hooks in Svelte showcases examples of common React Hooks ported to Svelte. gurlic ## How Abstraction and Lost Expertise Contribute to Unreliable Software DevFeed: [How Abstraction and Lost Expertise Contribute to Unreliable Software]() Original publisher: [Read original article]() Published: 2019-12-27T16:58:06Z Content type: opinion Language: ru Sources: [Tonsky Стой под стрелой]() Topics: [Software](), [Docker](), [Electron](), [macOS]() Tags: [docker](), [electron](), [livejournal](), [macos](), [software](), [tag-5e1c061eda96](), [tag-c40b78a8c8a6](), [tag-d16a2c26554f](), [tag-e3028c5e0ab2](), [technology]() ### AI overview This opinion piece argues that software expertise is lost when new systems build on older technologies without understanding or reproducing their foundations. It cites Docker and Electron as examples of abstraction that can hide complexity, then uses bugs in an application running on macOS Catalina to illustrate the resulting reliability problems. ### Source excerpt Есть такой очень важный доклад Jonathan Blow - Preventing the Collapse of Civilization. Смотреть прям обязательно. Это такой Software Disenchantment только с анализом причин и выводом. Так вот, в нем утверждается что современные программисты, стоя на плечах гигантов, утратили способность писать фундаментальные вещи и вообще простой, быстрый, надежный софт. Good times create weak men: Ну а логика очень проста: предыдущее поколение сделало X, следующее пишет Y на X и ему не очень нужно и вообще не интересно, как X внутри устроено и как сделать такое же с нуля. Повторить N раз. При этом тревогу никто не бьет: всем кажется, если мы умели делать X, а научились делать Y, то теперь мы умеем делать и X, и Y. Что не совсем верно, потому что знания (экспертиза!) сами по себе вообще говоря не передаются (это одна из самых важных и новых для меня мыслей доклада), а необходимости практиковать X нет, соответственно он благополучно забывается. Docker и Electron -- самые популярные технологии сегодняшнего дня. Обе не про что-то новое или фундаментальное, а про то, чтобы тихонько спрятать сложность под ковер, понять, разобраться или изменить которую у нашего поколения уже не получается. И все бы хорошо, но лестница абстракции выросла уже настолько, что ошибки и дыры в сумме дают весьма существенный, заметный и неприятный результат. У нас сейчас есть на порядки более быстрые компьютеры, которые работают хуже, медленнее и ненадежнее, такой вот парадокс. Решение? Разобрать все, начать потихоньку уменьшать, заменять и переделывать, а экспертизы-то нет! Все это немножко отдает дедовским ворчанием, и вообще как-то не ощущалось без хороших наглядных примеров. Пока я не набрел на annoying.technology, клон нашего grumpy.website. Ребята не побоялись поставить себе macOS Catalina, и вот где, оказывается, цирк! Переключение чатов тормозит: https://annoying.technology/posts/e500c236b5e2853a/ Вместо следующего трека показывается через-один-следующий https://annoying.technology/posts/ee91b37183818d ## Notarize your Electron App with Electron Forge DevFeed: [Notarize your Electron App with Electron Forge]() Original publisher: [Read original article]() Author: HTTP Toolkit; Tim Perry Published: 2019-08-06T13:00:00Z Content type: tutorial Language: en Sources: [HTTP Toolkit]() Topics: [Electron](), [macOS](), [Application Security](), [Security](), [Xcode]() Tags: [apple](), [application-security](), [audit-trail](), [build](), [certificates](), [development](), [electron](), [javascript](), [macos](), [security](), [signing](), [xcode]() ### AI overview A tutorial on notarizing Electron applications for macOS using Electron Forge. It explains Apple's automated notarization process, ticket stapling, revocation, and build requirements including Xcode, macOS SDK, Developer ID signing, and secure timestamps. ### Source excerpt In the next release of macOS (10.15), if your app isn't notarized, your users can't run it. If you're distributing Mac apps, you need to deal with this. Fortunately, for Electron apps the process is fairly easy. The final release date for 10.15 isn't yet announced, but there are many betas available to developers for testing. It's planned for fall 2019, and the hard requirement for notarization is already the reality in 10.14.5 for all new developer accounts (i.e. anybody who has never distributed software associated with their Apple developer id). What is notarization? Notarization is designed to allow Apple to quickly ensure that your software is safe to run on users' computers. The full details are available in Apple's own developer documentation. In short, it's a process where: You upload your new app build to Apple's notary service, The notary service automatically checks it for malicious content and other issues The notary service returns you a ticket showing that this check has been done on this build You attach ('staple') this ticket to the software When the app is installed, the Gatekeeper software on your users' Macs can check the stapled ticket, and thereby know that the software has already been examined by Apple. In addition this means that every distributable version of your software comes with an attached ticket, which can be revoked later if necessary. If you discover that malicious code has somehow entered your application, or that your signing key has been leaked and other people are distributing unauthorized versions, you can remotely revoke the tickets and make that software uninstallable. In addition the requirements for notarization are stricter than the existing code signing restrictions. Since notarization is now mandatory, this effectively represents Apple tightening their application security rules. Note that this is not app review: there's no human process here, it's an automated scanning of your distributable app versions, and a audit tra ## Security alert -- Chromium vulnerability affecting Mist Browser Beta DevFeed: [Security alert -- Chromium vulnerability affecting Mist Browser Beta]() Original publisher: [Read original article]() Author: Everton Fraga Published: 2017-12-15T10:48:58Z Content type: news Language: en Sources: [Ethereum Foundation Blog]() Topics: [browser](), [Security](), [vulnerability](), [Chromium](), [Electron](), [Ethereum]() Tags: [architecture](), [audit](), [browser](), [chromium](), [cross-platform](), [desktop](), [electron](), [ethereum](), [github](), [javascript](), [security](), [vulnerability]() ### AI overview A Chromium vulnerability affects Mist Browser Beta v0.9.3 and earlier. Users are warned not to browse untrusted websites because malicious sites could potentially steal private keys. The Ethereum Wallet desktop app is not affected. ### Source excerpt Due to a Chromium vulnerability affecting all released versions of the Mist Browser Beta v0.9.3 and below, we are issuing this alert warning users not to browse untrusted websites with Mist Browser Beta at this time. Users of "Ethereum Wallet" desktop app are not affected. Affected configurations: Mist Browser... ## Building a desktop application with Electron DevFeed: [Building a desktop application with Electron]() Original publisher: [Read original article]() Published: 2015-08-21T00:00:00Z Content type: tutorial Language: en Sources: [Juri Strumpflohner]() Topics: [Electron](), [Atom](), [App](), [Open Source]() Tags: [applications](), [build](), [building](), [desktop](), [electron](), [how-to](), [open-source]() ### AI overview A step-by-step introduction to building a desktop application with Electron. It explains that Electron is the shell used to run Atom and illustrates how web technologies can power desktop applications. ### Source excerpt Lorem ipsum dolor sit amet