/awesome-atom

A curated list of delightful Atom packages and resources.

Creative Commons Zero v1.0 UniversalCC0-1.0

Awesome Atom Awesome

A curated list of delightful Atom packages and resources. For more awesomeness, check out awesome.

Table of Content

Syntax

Language packages extend the editor with syntax highlighting and/or snippets for a specific language or file format.

Lint

In case the awesome nirvana that is linting has not yet been unleashed upon you:

lint was the name originally given to a particular program that flagged some suspicious and non-portable constructs (likely to be bugs) in C language source code. The term is now applied generically to tools that flag suspicious usage in software written in any computer language.

To enable linting, you'll need the general linter which provides the interface for the provider plugins for specific languages. The full list of current plugins can be found at atomlinter.github.io, a few examples being:

atom-linter

Build

To enable building, you'll need the general build which provides the interface for the provider plugins for specific languages and adds integrates with lint. The full list of current plugins can be found at atombuild.github.io, a few examples being:

atom-build

Extensions

####Nuclide An open IDE for web and native mobile development, built on top of Atom maintained by Facebook.

Uncategorized

Helps Atom users to open files and folders easily. It can also creates new files and folders if they don't currently exist.

Reverses your current selections; e.g. false to true

Atom Reverser in action

Launch terminal app on current file's directory with "Ctrl-Shift-T" in Atom.

Beautify HTML (including Handlebars), CSS (including Sass and LESS), JavaScript, and much more in Atom.

Quickly peek and edit functions in separate files from the context of your current editor.

Code Peek Demo

Color picker that supports HEX, HEXa, RGB, RGBa, HSL, HSLa, HSV, HSVa, VEC3, VEC4 – and is able to convert between the formats. It also inspects Sass and LESS color variables.

Color Picker in action

Types in your code for your from the clipboard/buffer. Simply copy the code and hit the shortcut to watch your code being typed. Copy paste is ideal for screencasts and online courses.

Sorts your CSS, Less or Sass declarations in Atom, never gets tired. You can choose from various ready-made orders to keep your CSS tidy.

CSS Declaration Sorter Demo

Duplicates the selection if there is one, otherwise, duplicates the line.

EditorConfig helps developers maintain consistent coding styles between different editors

atom-editor-config

Plugin which greatly improves HTML and CSS writing. Shortcuts can expand to complete set of HTML or CSS selectors.

Adds file specific icons to atom for improved visual grepping. Works with Tree View and Fuzzy Finder and Tabs.

Lots of monospace fonts.

Generates CSS boilerplate based on the selected HTML. Supports CSS, SCSS, Sass, LESS, BEM, JSX.

html-to-css

A task-board for TODOs, FIXMEs, HACKs, etc in your code.

An Atom package that creates dynamic hotkeys to jump around files across visible panes.

Resolve your git merge conflicts in Atom.

A preview of the full source code.

A package to display colors in project and files.

Simply awesome project management in Atom.

Switch between Ruby source code and test files with a keystroke. It supports RSpec, minitest and test-unit, both in Rails and non-Rails projects.

Sorts your lines. Never gets tired.

Synchronize package settings, keymap and installed packages across Atom instances.

The terminal inside the editor complete with themes and more.

Javascript code intelligence for atom with tern.js and autocomplete-plus.

Quickly toggle between single and double quotes.

Quick look in tree view.