back to home

massCodeIO / massCode

A free and open source code snippet manager for developers

6,641 stars
246 forks
31 issues
VueTypeScriptJavaScript

AI Architecture Analysis

This repository is indexed by RepoMind. By analyzing massCodeIO/massCode in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.

Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.

Embed this Badge

Showcase RepoMind's analysis directly in your repository's README.

[![Analyzed by RepoMind](https://img.shields.io/badge/Analyzed%20by-RepoMind-4F46E5?style=for-the-badge)](https://repomind-ai.vercel.app/repo/massCodeIO/massCode)
Preview:Analyzed by RepoMind

Repository Summary (README)

Preview
<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.

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

Integrations

Extend your workflow with:

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 restrictions in macOS.

Option 1: System Settings (macOS 13+)

  1. Open System SettingsPrivacy & Security
  2. Scroll down to find "massCode" in the list of blocked applications
  3. Click Allow Anyway or Open Anyway
  4. You may need to enter your administrator password

Option 2: Terminal command

sudo xattr -r -d com.apple.quarantine /Applications/massCode.app

Follow

License

AGPL-3.0

Copyright (c) 2019-present, Anton Reshetov.