Clementine is a rapid development JavaScript library for building complex single-page web applications

jquery, events, javascript, mvc
bower install clementine



Clementine is a rapid development JavaScript library for building complex single-page web applications. It is meant as a tool to develop highly interactive, maintainable applications, giving the developer a pattern for organizing their interaction logic, views, and styles into a library of modular, decoupled components.

To start using Clementine, check out the Getting Started guide. Try it out on a project and make suggestions or report bugs here.

Why choose Clementine?

  • Object-oriented javascript classes
  • Event mixin for objects
  • Module dependency management
  • Hierarchical ViewControllers with DOM helper functions
  • View fragment loading w/ templating
  • History and route management
  • Standardized UI components

Including Clementine

To use Clementine on your project, all you need to do is include the clementine library at the top of your root html file.

<script type="text/javascript" href="clementine.js"></script>

Clementine is also available via Bower by adding clementine to your bower.json file or running the following in your terminal:

bower install clementine

Depending on the features you choose to use, Clementine is dependent on the following libraries:

  • jQuery - for AJAX and DOM Selectors

Release History

  • 4/17/2014 - v0.5.3 - Bug Fixes
  • 1/10/2013 - v0.5.1 - Ajax deferred support.
  • 12/8/2012 - v0.5.0 - Minor updates for stability, service handling.
  • 9/9/2012 - v0.4.0 - Dynamic chainable view states, custom routes, live microdata DOM bindings.
  • 7/8/2012 - v0.3.0 - Branching clementine into separate project
  • 3/30/2012 - v0.2.0 - Updated view inheritance, bug fixes from prior version.
  • 7/21/2011 - v0.1.0 - Initial release, unstable.


Copyright (c) 2009-15 Kevin Kinnebrew Licensed under the MIT license.