Download Melodic to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, RubyGems, and more.

Compiled CSS and JavaScript

Download ready-to-use compiled code for Melodic v1.0.0-beta to easily drop into your project, which includes:

  • Compiled and minified CSS bundles (see CSS files comparison)
  • Compiled and minified JavaScript plugins

This doesn’t include documentation, source files, or any optional JavaScript dependencies (jQuery and Popper.js).


Source files

Compile Melodic with your own asset pipeline by downloading our source Sass, JavaScript, and documentation files. This option requires some additional tooling:

  • Sass compiler (Libsass or Ruby Sass is supported) for compiling your CSS.
  • Autoprefixer for CSS vendor prefixing

Should you require build tools, they are included for developing Melodic and its docs, but they’re likely unsuitable for your own purposes.

Download source

Package managers

Pull in Melodic’s source files into nearly any project with some of the most popular package managers. No matter the package manager, Melodic will require a Sass compiler and Autoprefixer for a setup that matches our official compiled versions.


Install Melodic in your Node.js powered apps with the npm package:

npm install melodic

require('melodic') will load all of Melodic’s jQuery plugins onto the jQuery object. The melodic module itself does not export anything. You can manually load Melodic’s jQuery plugins individually by loading the /js/*.js files under the package’s top-level directory.

Melodic’s package.json contains some additional metadata under the following keys:

  • sass - path to Melodic’s main Sass source file
  • style - path to Melodic’s non-minified CSS that’s been precompiled using the default settings (no customization)


Install Melodic in your Ruby apps using Bundler (recommended) and RubyGems by adding the following line to your Gemfile:

gem 'melodic', '~> 1.0.0.beta'

Alternatively, if you’re not using Bundler, you can install the gem by running this command:

gem install melodic -v 1.0.0.beta

See the gem’s README for further details.