Skip to content
Atom plugin that makes html/css development much easier.
Branch: master
Clone or download
Latest commit a5ed1f5 Aug 21, 2016
Type Name Latest commit message Commit time
Failed to load latest commit information.
grammar beta release cleaned code Jan 27, 2016
keymaps Publising package Dec 30, 2015
menus Publising package Dec 30, 2015
.gitignore basic version takes suggestions from css files included Dec 30, 2015
.npmignore Sorted out the bug with event subscriptions Jan 4, 2016 beta release cleaned up Jan 27, 2016
LICENSE Initial commit Dec 30, 2015 small changes to ReadMe Jan 27, 2016
package.json Prepare 0.6.0 release Aug 21, 2016

#CSS-SPY ###(In Beta) A package to suggest CSS classes in HTML projects

CSS-SPY goes through CSS files linked in open HTML files within Atom, identifies classes and uses these to auto-suggest the appropriate class in HTML. CSS-SPY automatically rebuilds its list of classes to be suggested either when the CSS files are edited or if a change in the linked files is made. Suggestions are available only in HTML files. CSS-SPY is a service provider to and builds on the capabilities of auto complete plus. When CSS-SPY is turned off, auto-complete plus is given a higher priority.


  • In Atom, open Preferences (Settings on Windows)
  • Go to Install section
  • Search for css-spy package. Once it found, click Install button to install package.

Manual installation

You can install the latest CSS-SPY version manually from console:

cd ~/.atom/packages
git clone
cd atom-css-spy
npm install

Then restart Atom editor.

##Key bindings:

CTRL-ALT-Y : toggles CSS-SPY on or off.

You can’t perform that action at this time.