About Atom

Atom is a desktop application, a text and source code editor, built with HTML, JavaScript, CSS, and Node.js integration.

Atom has all the features you need in a code editor platform:

Cross-platform editing

Atom works across operating systems. Use it on OS X, Windows, or Linux.

Built-in package manager

Search for and install new packages or create your own right from Atom.

Smart autocompletion

Atom helps you write code faster with a smart and flexible autocomplete.

File system browser

Easily browse and open a single file, a whole project, or multiple projects in one window.

Multiple panes

Split your Atom interface into multiple panes to compare and edit code across files.

Find and replace

Find, preview, and replace text as you type in a file or across all your projects.

About CodeKeep

Codekeep lets you store and share bits of code and text with other users. Snippets can be organized into folders/labels for instant reuse.

Reduce context switching

Switching between projects to find reusable snippets, store snippets here for later use.

Keep your notes here

Use CodeKeep while learning to create snippets containing the summary.

Search for snippets

Quickly find reusable and modular snippets.

Reuse snippets

Import snippets using CodeKeep extension for later reference.

Create snippets quickly

Press 'Paste' anywhere on the website to launch the 'Add Snippet' dialog.

Organize into Folders

Share your folder & bookmark folders of other users, if you found it useful

Assign labels

Organize code snippets by creating labels, filter snippets by label.

Feature rich screenshot editor

Choose templates, add images, background and social accounts in one click.

Import/export extensions

Import/export snippets using our VSCode and Google Chrome Extensions.

Discover code snippets

Discover reusable code snippets shared on CodeKeep, and yes, we have dark mode!

About CodePen

CodePen is a social development environment for front-end designers and developers. You can build and deploy a website, show off your work, build test cases to learn and debug, and find inspiration.

Build & test

Get work done quicker by building out entire projects or isolating code to test features and animations. Want to keep it all under wraps? Upgrade to a PRO account to keep your work private.

Learn & discover

Want to upgrade your skills and get noticed? Participating in CodePen Challenges is a great way to try something new. We frequently feature these Pens on our homepage and across social media!

Share your work

Become a part of the most active front-end community in the world by sharing work. Presenting at a conference? Show your code directly in the browser with Presentation Mode.

About CodeTogether

CodeTogether lets you live share IDEs and coding sessions and see changes in real time.

Host a session in seconds

It’s nice to get a little help from your friends, but not if it means disrupting your flow. After adding CodeTogether to VS Code, IntelliJ or Eclipse, it only takes seconds to live share your code with others. Simply click a button, define access privileges, and then invite others to join. Invitees join from their IDE (even if it’s different from yours) or a web browser (with the theme and key bindings of their preferred IDE).

Host-provided language smarts

For real pair programming, you want more than a simple collaborative code editor. The host’s IDE provides language-smarts for a superior coding experience that includes content assist (aka IntelliSense), as-you-type validation across the workspace, and rename refactoring. You’ll also appreciate the multitude of ways you can navigate and visualize your code, including call and type hierarchies, open symbol, full file content search, outline view, minimap, inline definitions and references to symbols, and much more.

Keep the code flowing

CodeTogether makes it easy to switch between groups of developers coding together, or even code on your own when you live share a coding session. Same-file simultaneous editing lets developers edit files at the same time. With the CodeTogether view, you’ll never get lost—providing a nice overview of the session so you can quickly see who’s doing what, and jump into a new group or branch out on your own.

Integrated Communication

Built-in communication tools include audio, video, text chat and screen sharing. Anyone in the session can start an audio/video bridge via a simple toggle, which can easily be joined by anyone in the session. You can also invite guests who only have access to the communication tools and not the actual code—perfect for getting customer feedback without live sharing code. A toolbar with basic capabilities is included in the IDE, however, the audio/video bridge is managed in your browser to keep your IDE uncluttered. Access cool features like polls and reactions from the browser.

Share servers, terminals and consoles

Hosts can share servers during a live share session—great for testing web apps without deploying, or even relaying a remote debug session, database connections or web sockets. A shared terminal allows guests to observe commands the host is executing in the terminal view with the corresponding output. The host controls access to servers and terminals, with the option to grant write access to terminals if on a Teams or On-Premises plan. Another handy feature lets the host share consoles so participants can view the output of programs and unit tests.

Run Tests & Launches

A good test suite is a great way to catch bugs early and improve productivity. Guests can now remotely run tests and analyze the results during a live share session. They can even write tests, allowing test-driven development (TDD) in a remote environment with support for JUnit, TestNG, PHPUnit and pytest. Guests can also execute run configurations from the host IDE, remotely launching applications with the ability to stop and monitor the invocations. CodeTogether Teams provides an extra level of security, allowing the host to prevent guests from running tests and launches.