27 Utilities for Saving and Sharing Code Snippets

You’ve got countless bits of HTML5, CSS3, JavaScript, and PHP rolling around in your head and on your hard drive that you are forced to try to recall each time you start a project. It’s time to get organized.

This post will briefly point you to 27 great utilities that not only help you store your favorite snippets both locally and in the cloud, but also make sharing with others a breeze. Enjoy!

The Ultimate Designer Toolkit: 2 Million+ Assets

Envato gives you unlimited access to 19+ million pro design resources, themes, templates, photos, graphics and more. Everything you'll ever need in your design resource toolkit.

Explore Digital Assets

Full-Scale Storing and Sharing

The sites below are a great way to build a personal code repository that you can access from anywhere and easily share with others. They’re also great sites to find helpful snippets in a number of languages.

I haven’t used them all in-depth but my preferred site is Snipplr. I really like the interface, the huge library of snippets, the versioning options, etc. They’re definitely all worth checking out though.

Snipplr

“With Snipplr you can keep all of your frequently used code snippets in one place that’s accessible from any computer. You can share your code with other visitors and use what they post, too. Did we mention that Snipplr works with TextMate? Yeah, we rock.”

screenshot

CodeSnippets

“Easily build up your personal collection of code snippets, categorize them with tags / keywords, and share them with the world (or not, you can keep them private!)”

screenshot

Home | byteMyCode

“byteMyCode is a project designed to make the task of sharing source code easier. We have modeled a community around making it easy to find, share, revise, comment on, and rate code snippets.”

screenshot

SnippetsMania

“Organize and share your code snippets. Snippetsmania is a free accessible collection of code snippets. It currently supports 34 different programming languages. The database holds a total count of 99 code and programming snippets and examples.”

screenshot

codesnipp.it

“codesnipp.it is a social site for developers to post their snippets, follow and share code with other devs and get coding help. ”

screenshot

Paste and Share Quickly

The apps below are similar to those we just looked at but place much more emphasis on fast code sharing as opposed to organized code storage. Most just require a copy and paste and you’re ready to go!

Snipt.org

Share source code on Twitter and the Web.

screenshot

New – Pastie

“Clean user interface with sensible defaults. Need to nickname, describe, set tab settings and more? You’ll have to look elsewhere. One text box, paste, done. Simple.”

screenshot

Smipple – Social Code Snippets

“Smipple is a social service for saving, storing, organizing, and sharing snippets of code with your friends and coworkers. Make friends. Improve your coding skills. Earn bragging rights.”

screenshot

Gist – GitHub

“Gist is a simple way to share snippets and pastes with others. All gists are git repositories, so they are automatically versioned, forkable and usable as a git repository.”

screenshot

Copy Paste Code

“Copy Paste Code allows you to publish your code with colored syntax for most popular programming languages out there. After publishing you can share your code to colleagues and friends, and they can debug and use your code snippets.”

screenshot

CodeTidy

A quick and easy, no-frills code sharing utility.

screenshot

Ideone

“Ideone is something more than a pastebin; it’s an online compiler and debugging tool which allows
to compile and run code online in more than 40 programming languages.”

screenshot

Pastebin

One of the most popular tools of this kind, Pastebin supports a huge list of languages.

screenshot

Mystic Paste

screenshot

PasteSite.Com – Easy Usable Pastebin

“PasteSite.Com is a tool which allows you to submit a sample of code which can then be viewed with syntax highlighting from the website.”

screenshot

Slexy 2.0

“Slexy.org is a powerful, slick, and sexy pastebin designed with the user in mind. Use Slexy.org to paste errors for debugging, show off your code or your tech specs, or share anything else with other Internet users worldwide.”

screenshot

Mac Applications

In my search for online snippet sharing tools I came across a number of Mac applications that are great for building code libraries so I figured I’d toss them in as well. Check out jCodeCollector and Snippely first if you’re looking for a solid free option.

Snippet: $12.95

“Easily create Snippets from selected text anywhere.”

screenshot

Snippets: $39.95

“Snippets is a powerful application for Mac OS X that stores the most valuable pieces of code you can reuse in different projects many times.”

screenshot

Snippely: Free

“Snippely is a basic text and code organizational tool. Instead of storing bits of code, quick notes, and memos in text files all over your hard drive, this application will let you save and organize “snippets” in one convenient location. A snippet is a collection of one or more pieces of code and notes. Snippets are stored in groups for organization and quick retrieval.”

screenshot

jCodeCollector: Free

“jCodeCollector is an application that helps you to manage your code snippets. Using jCodeCollector you can: store, tag and comment your snippets, find quickly the code you need.”

screenshot

Code Collector Pro: €20

“When you spend all day writing code, it is only natural to start having feelings of déjà vu. Didn’t you write that same few lines of code a few days ago, and again a few days before that? Why are you wasting time re-writing that code again and again? Code Collector Pro is the answer, giving you the ability to store snippets of code and retrieve them with a few keystrokes”

screenshot

MySnippets: $14.95

“All of your snippets, the files you need, drafts, parts of a text, CSS templates and anything else you still need in order to deliver outstanding results: All of that is now just one single click, one single keystroke away. ”

screenshot

Droplr: Free

Unlike the apps above, Droplr is not the ideal place to store code snippets. However, among other things, it is a super easy way to share snippets of code. Just select some text and drag it to your menu bar. A URL will automatically be placed in your clipboard for you to paste in anywhere you want.

screenshot

Text Expanders

One special breed of snippet applications is those that allow you to type a few characters which then automatically expand into a larger chunk of text. I’ve recently started using TextEpander and it has completely revolutionized the way I work. Now I can’t imagine trying to code without it!

I’ve searched for hours in vain in an attempt to find a free text expanding utility, leave a comment if you know of one.

TextExpander: $34.95 (Mac)

“TextExpander saves you countless keystrokes with customized abbreviations for your frequently-used text strings and images.”

screenshot

Typinator: €19.99 (Mac)

“Typinator boosts your productivity and eliminates errors by automating the process of inserting frequently used text and graphics and auto-correcting typing errors.”

screenshot

FastFox: $34.99 (Windows & Mac)

“FastFox is an easy to use text expander that can create and store keyboard shortcuts that expand to an entire phrase, paragraph or document.”

screenshot

SnippetMonkey

“Snippet Monkey saves you countless hours monkeying around by allowing you to create shortcuts for phrases you frequently type. We call the phrases snippets and Snippet Monkey allows you to create new snippets from the clipboard or via our easy to use snippet editor.”

screenshot

What Are Your Favorites?

There are a lot of utilities here to choose from and I would love to hear your feedback on those that you’ve tried. For my own purposes I use TextExpander to quickly insert code, Snipplr to store random bits long-term, and Droplr to quickly share snippets. What combination will fits your workflow best?