Recommended GitHub Atom Packages for Web Developers
1 min read

editor for the past couple of weeks and I've really enjoyed it. At first there weren't very many extensions/packages available, but the community has been quick to fill in that gap.

You can browse the packages online or from Atom's Preferences... (⌘,)

Screenshot 2014 03 18 23 02 24

Official Packages

GitHub has included serveral packages in the base install of Atom and in addition they've created other helpful packages as well. Some of the more helpful packages I've found are...

  • Markdown Preview - "Show the rendered HTML markdown to the right of the current editor using ctrl-shift-m"

5b1c2ae8 9e7e 11e3 9d93 3fa7caae4710

  • Vim Mode - "Provides vim modal control for Atom, ideally blending the best of vim and Atom."

  • Editor Stats - "View a graph of your mouse and keyboard activity for the last 6 hours."

843b1172 9e57 11e3 9c60 8d28d542f39c

  • Emmet - "Emmet is a plugin for many popular text editors which greatly improves HTML & CSS workflow"

Community Packages

In addition, the community has really stepped up and have written a lot of packages in a very short amount of time.

preview

687474703a2f2f692e696d6775722e636f6d2f666133325774722e706e67

  • Color Picker - "A color picker for Atom. Either right click a color and select Color picker, or place the cursor on a color and hit CMD-SHIFT-C. Currently reads HEXA, RGBA, RGB and HEX." by @ThomasLindstr_m

dfe40cb4 a3f6 11e3 862f 894999973373

..and Just for Fun!

  • Asteroids - "...spawn an Asteroids shooter on any web page and then blast away" by @mojombo

Edit post on GitHub


Enhanced Google Chrome Emulation Tools
CSS Animated Hamburger Icon