Home

Awesome

<p align="center"> <img src="./preview.png"> </p> <h1 align="center">massCode</h1> <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> | <a href="https://github.com/massCodeIO/assistant-alfred">Alfred</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 open source project and completely free to use.

However, the amount of effort needed to maintain and develop new features for the project is not sustainable without proper financial backing. You can support massCode development via the following methods:

<div align="center">

Donate via Open Collective Donate via PayPal Donate via Ko-Fi

</div>

Features

Organization

massCode allows you to organize snippets using multi-level folders as well as tags. Each snippet has fragments - tabs, which gives even greater level of organization.

Editor

massCode uses Codemirror as the basis for the editor and .tmLanguage as the grammar for syntax highlighting. This tandem opens the door to over 600 existing grammars. The application currently supports more than 160 grammars. In addition to .tmLanguage, the application supports .tmTheme for themes. There is also support for Prettier for code formatting.

Real-time Render for HTML & CSS

You can not only collect snippets, but also see the rendering result for HTML and CSS in real time. Test the idea or just view the result.

Markdown

massCode allows you to write in Markdown and provide support to syntax highlighting, tables, list and other formatting. Also massCode supports Mermaid - diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically.

Presentation Mode

massCode allows you to make a presentation out of a sequence of snippets. It's great for classroom use, team meetings, conferences or simply reviewing notes on your own.

Mindmap

massCode allows you to create mental maps from markdown, making the process of creating and editing maps fast and intuitively understandable. It's a great way to organize and structure information visually.

Search

It is impossible to imagine a productive snippets manager without quick access to snippets. Therefore massCode has a fast full-text search with highlighting of the search query.

Autosave

massCode automatically saves any changes you make during work, so you don't have to worry about losing changes.

Sync

You can use any service that provides cloud synchronization, such as iCloud Drive, Google Drive, Dropbox or other similar.

Database

massCode uses a simple JSON to store your data. The database files are on your local computer.

Integrations

massCode supports extensions for VS Code, Raycast and Alfred, which gives even more possibilities to use application. With the VS Code extension you get practically zen mode, search for the necessary snippets and insert them immediately or save the selected code sections as a snippet.

Beautiful Screenshots

Create beautiful snippet images on different backgrounds and in different modes

Developer Tools

massCode provides developers with a range of convenient tools, such as:

Overview

The goal of creating this application was mostly my own growth as a developer. Also, I wanted this project to absorb the best of such applications already on the market (both free and paid). At the same time, I wanted this project to be an open source project.

Follow

Other

You can also download massCode v1.

License

AGPL-3.0

Copyright (c) 2019-present, Anton Reshetov.