SkillAgentSearch skills...

MassCode

A free and open source code snippet manager for developers

Install / Use

/learn @massCodeIO/MassCode

README

<p align="center"> <img src="./.github/assets/logo.png" alt="massCode" width="150"> </p> <h1 align="center">massCode</h1> <p align="center"> A free, open-source code snippet manager to create, organize, and instantly access your personal snippet library. </p> <p align="center"> <strong>Built with Electron, Vue & Codemirror.</strong> <br> Inspired by applications like SnippetsLab and Quiver. </p> <p align="center"> <img alt="GitHub package.json version" src="https://img.shields.io/github/package-json/v/massCodeIO/massCode"> <img alt="GitHub All Releases" src="https://img.shields.io/github/downloads/massCodeIO/massCode/total"> <img alt="GitHub" src="https://img.shields.io/github/license/massCodeIO/massCode"> </p> <p align="center"> <a href="https://github.com/massCodeIO/massCode/releases">Latest Release</a> | <a href="https://masscode.io/documentation/">Documentation</a> | <a href="https://github.com/massCodeIO/massCode/blob/master/CHANGELOG.md">Change Log</a> </p> <p align="center"> Extensions: <a href="https://marketplace.visualstudio.com/items?itemName=AntonReshetov.masscode-assistant">VS Code</a> | <a href="https://www.raycast.com/antonreshetov/masscode">Raycast</a> </p> <p align="center"> <strong>SPONSORS</strong> </p> <p align="center"> <a href="https://m.do.co/c/f2bb3bfab2e6"> <img src='.github/assets/DO.svg'> </a> &nbsp; <a href="https://mysigmail.com/?ref=github/massCodeIO"> <img src='.github/assets/MySigMail.svg'> </a> </p>

Support

massCode is an open-source project and completely free to use.

Maintaining and adding new features requires significant time and effort. If you find massCode useful, consider supporting its development. Your contribution helps keep the project alive and moving forward.

You can support massCode through the following channels:

<div align="center">

Donate via Open Collective Donate via PayPal Donate via Gummroad Donate via Polar

</div>

Features

Organization

Organize your snippets with multi-level folders and tags. Each snippet can contain multiple fragments (tabs), giving you fine-grained control over structure and grouping.

Editor

Built on CodeMirror with .tmLanguage grammars for syntax highlighting.

  • Supports over 600 grammars, with 160+ available out of the box.
  • Integrated Prettier for clean, consistent code formatting.

Real-time HTML & CSS Preview

Write and instantly preview HTML and CSS snippets. Perfect for prototyping, testing ideas, or quick visual checks.

Markdown

Full Markdown support with syntax highlighting, tables, lists, and more.

  • Integrated Mermaid for dynamic diagrams and charts.

Presentation Mode

Turn a sequence of snippets into a presentation. Useful for classrooms, team meetings, conference talks, or simply walking through your own notes.

Mindmap

Generate mind maps from Markdown. Fast, intuitive, and ideal for structuring and visualizing ideas.

JSON Visualizer

Visualize and explore your JSON data with an interactive graph view. Perfect for quickly inspecting complex responses, APIs, or configuration files.

Math Notebook

A calculator notepad inspired by Numi. Write expressions in natural language and get instant results on each line. Supports arithmetic, percentages, unit conversions, 28 currencies with live rates, date & time operations, variables, and more.

Beautiful Screenshots

Export snippets as polished images with customizable themes and backgrounds.

Developer Tools

Handy built-in utilities for everyday dev tasks:

  • Text Tools: Case Converter, Slug Generator, URL Parser
  • Crypto & Security: Hash/HMAC, Password Generator, UUID
  • Encoders/Decoders: URL, Base64, JSON ⇄ TOML/XML/YAML, Text ⇄ ASCII/Binary/Unicode, Color Converter

Custom Themes

Fully customize the UI and editor syntax highlighting with JSON theme files stored in ~/.massCode/themes/. Supports light and dark types with live reload.

Integrations

Extend your workflow with:

Storage

massCode supports two storage engines — you can switch between them in Settings → Storage.

Markdown Vault

The default storage engine. Snippets are stored as plain .md files on disk with frontmatter metadata. The vault structure mirrors your folder hierarchy.

  • Git-friendly — track changes, sync via GitHub or any Git remote.
  • Cloud sync — works with iCloud, Dropbox, Syncthing, or any file sync service.
  • Live sync — massCode watches the vault directory and picks up external changes in real time.

SQLite (Legacy)

All data is stored in a single SQLite database file. SQLite engine is deprecated and will be removed in future versions. Please migrate to Markdown Vault.

Overview

massCode was created as a personal learning project and evolved into an open-source tool. The goal: combine the best features of snippet managers (free and paid) into one flexible, developer-friendly application.

Build Locally

Prerequisites

  • Node.js (>=20.16.0)
  • pnpm (>= 9.0.0)

Install Dependencies

pnpm install

Build

To build for current platform:

pnpm build

To build for a specific platform:

pnpm build:mac    # macOS
pnpm build:win    # Windows
pnpm build:linux  # Linux

Development

To run in development mode:

pnpm dev

This will start the application with hot reloading.

Troubleshooting

macOS

If you encounter the error message "massCode" is damaged and can't be opened. You should move it to the Trash while installing software on macOS, it may be due to security settings r

View on GitHub
GitHub Stars6.7k
CategoryDevelopment
Updated1h ago
Forks247

Languages

TypeScript

Security Score

100/100

Audited on Mar 28, 2026

No findings