5 Atom packages for every web developer

April 17, 2017

Atom is my favourite text editor for development. Simple, clean and with over 6K+ packages built by the open source community.

Atom got everything you ask for. But, we are gonna cherry pick packages based on popularity and more useful for web developers in particular.


Emmet is a toolkit for HTML/CSS. You type abbreviation syntax and emmet will parse them to produce expanded DOM elements.


Basic linter for your code. You have to install language specific linter for better linting.

Atom Beautify

Beautify HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C# and a lot more in Atom.


To preview your entire source file. Comes with bunch of plugins to support.


Package to display colors directly in your editor. Support CSS, LESS, SCSS and Stylus file extension out of the box.

File Icons

A vast collection of file icons in Atom for improved visual grepping. This package is in need of constant updates :)

Merge Conflicts

Identify the conflict markers left by git merge with a visual highlight. Gives a set of controls to resolve the conflict.