npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

graviphoton

v0.2.2

Published

graviphoton ui core

Readme

Graviphoton Build Status

Hacking

Setup machine globally for graviphoton development

sudo npm install -g bower
sudo npm install -g grunt-cli

These npm take care of globally installing the required development tool. You might need to install npm using your systems package manager. Some distros will need you to run npm as root. If you do not wish to install the tools globally you may run npm install in the git clone and then use bower and grunt from the node_modules/ subdir.

Install and build graviphoton.

You may pull all frontend dependencies using bower.

bower install

The project then gets built using grunt. This creates minified css, js and less code.

grunt

If running grunt globally does not work for you can use the bundled grunt-cli.

node_modules/grunt-cli/bin/grunt

Using JST templates

All files in src/modules/**/*.tpl get compiled to JST templates in dist/templates.js by running grunt jst. The templates may be used with underscore like so.

var template = JST['core/about']();
var results = _.template(template, {})

Testing

Navigate to dist/index.html or dist/dev.html. The first one contains thte final deliverable application that loads minified js and css while the latter loads unminified unconcated js and css files.

The subdir test/ contains QUnit tests that may be run using grunt qunit.

Releasing

Running grunt creates files in dist/.

TODO

  • finalize appmodule module and integrate with layout header (need to grok backbone models/sync)
  • final releng concept