Login Sign Up

electron-code-notes

Created by @embedenv Updated 1 week, 2 days ago

Electron Code Notes — Desktop Developer Notepad

A beautiful, offline-first desktop notes app built with Electron.js. Designed for developers to store, organize, and syntax-highlight code snippets locally.

Features

  • Code snippet storage with language tagging (JS, Python, SQL, Bash, etc.)
  • Prism.js syntax highlighting for 30+ languages
  • Full-text search across all snippets
  • Local JSON persistence — no cloud, fully private
  • Split-screen editor + live syntax preview
  • Premium glassmorphic dark UI

Setup

npm install
npm start

Tech Stack

  • Electron.js v28
  • Vanilla JS / HTML / CSS
  • Prism.js (syntax highlighting)
  • localStorage (data persistence)

Use Cases

  • Store reusable code snippets offline
  • Build a personal dev knowledge base
  • Syntax-preview code before sharing
  • Offline-first developer productivity tool

Environment Details

Environment Electron (Desktop)
Visibility Public Space
Role viewer

Collaborative Workspace

You can request permission to join this workspace as a collaborator to edit code and develop in real-time.

Join Workspace

Embed Sandbox

Share this sandbox directly inside your blog posts, articles, or documentation by copying the iframe code below.

<iframe src="https://embedenv.com/embedenv/projects/electron-code-notes/?embed=true" width="100%" height="600px" style="border: 1px solid rgba(255,255,255,0.08); border-radius: 12px;"></iframe>
Link copied!