Bento.js

A responsive header library supporting multiple iamges.

Getting started

Install via npm

$ npm install bento.js

Or, Bower:

$ bower install bento.js

Drop in the script:

<script src="/path/to/bento.js/dist/bento.js"></script>

Create a bento element and add it to your page:

var images = [
  'https://unsplash.it/300/300/?random=1',
  'https://unsplash.it/300/300/?random=2',
  'https://unsplash.it/300/300/?random=3',
];

var bento = window.Bento.create(images);
document
  .querySelector('.container')
  .appendChild(bento.DOMElement);

Contributing

1. Clone the repo: https://github.com/kitinc/bento.js.git
2. Install dev dependencies: npm install
3. Make changes and rebuild: npm run build
4. Open a PR!

Attribution

Released under the MIT License.

✏️ with ❤️ by