node package manager
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org ยป



NPM version

Inlines style sheets, images, fonts and scripts in HTML documents. Works in the browser.

See the API.


$ npm install inlineresources

and require through browserify or webpack.

Alternatively use a standalone bundle via e.g.


Resources referenced in the document (CSS, images, fonts and JS) can only be loaded if from the same origin, unless techniques like CORS are used.

Yet to be supported:

  • Background images in inline style declarations (<div style="...">)
  • Media queries defined on link elements (<link rel="stylesheet" media="..." />)
  • Media queries defined on import rules (@import url("...") screen and (orientation:landscape);)
  • Future responsive img solution (<img srcset="...">)

Similar projects for Node.js


For linting, tests and a browser build install Node.js and run

$ npm install && npm test

Check ./dist/ for the browserified builds.

To test against several browsers while editing, run grunt testWatch and point those browsers to http://localhost:9989/.

Build Status

Where is it used?


Christoph Burgmer. Licensed under MIT. Reach out on Twitter.