examples of frontend npm uses
Last updated 6 years ago by mattdesl .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install frontend-npm-goodies 
SYNC missed versions from official npm registry.


Lessons/examples for creative coding, rapid prototyping, and front-end development with npm in JS. It demonstrates the strengths of modern practices like modularity, promises, functional programming, browserify, Node, ES6, etc.

This is still a work in progress. More goodies coming soon.

live demos

You can run any of the demos here:

Some of the demos will also be published to RequireBin so you can easily jump in and edit them.

building demos

To run any of the demos from source:

  1. git clone
  2. cd frontend-npm-goodies
  3. npm install

Now you can either bundle all of the files with gulp, or you can run it in dev (watch) mode on a single file like so:

gulp watch --demo canvas-collision

Where the format is [folder]-[filename]. Then you can open localhost:8000/canvas-collision.html to see it in action. Examples:

gulp watch --demo image-animation
gulp watch --demo image-palette
gulp watch --demo image-preloader
gulp watch --demo image-preloader-es6
gulp watch --demo canvas-collision


MIT, see for details.

Current Tags

  • 1.0.4                                ...           latest (6 years ago)

4 Versions

  • 1.0.4                                ...           6 years ago
  • 1.0.3                                ...           6 years ago
  • 1.0.2                                ...           6 years ago
  • 1.0.1                                ...           6 years ago
Maintainers (1)
Today 0
This Week 0
This Month 1
Last Day 0
Last Week 1
Last Month 2
Dependencies (42)
Dev Dependencies (14)
Dependents (0)

Copyright 2014 - 2016 © |