Skip to content

ZeLoExE/notex

Repository files navigation

NoTex icon

NoTex

A glassmorphism-styled desktop note-taking app


Screenshot

NoTex dark mode

Features

  • Glassmorphism UI — frosted glass panels with backdrop blur, semi-transparent backgrounds, and soft shadows
  • Dark / Light theme — dark mode by default, toggle to light mode with smooth transitions
  • Folder organization — create folders, drag-and-drop notes into them, or use the "Move to" menu
  • Real-time search — filters note titles and body text as you type
  • Rich text editing — powered by Tiptap (ProseMirror): bold, italic, underline, per-selection font size (8–72 px), and text color picker
  • Inline images — insert images from your device directly into a note
  • Note import — import .txt, .md, and .json files via the native OS file dialog
  • Auto-save — every change is debounced and saved to localStorage automatically
  • Windows desktop app — packaged with Electron, built as an NSIS installer

Tech Stack

Layer Technology
Desktop shell Electron
UI React 19 (functional components + hooks)
Rich text Tiptap (ProseMirror)
Language TypeScript
Styling TailwindCSS v4
Build Vite 6
Icons lucide-react
Packaging electron-builder (NSIS)

Installation / Download

Download the installer

Grab the latest .exe installer from the Releases page and run it.

Build from source

git clone https://github.com/ZeLoExE/notex.git
cd notex
npm install
npm run dist

The installer will appear in dist_electron/.

Development

Start the Vite dev server and Electron together:

npm install
npm run dev          # starts Vite on localhost:5173
npm run electron:dev  # builds and launches Electron (opens DevTools)

License

MIT

About

A glassmorphism-styled desktop note-taking app built with Electron + React

Resources

Stars

1 star

Watchers

1 watching

Forks

Packages

 
 
 

Contributors