Skip to content
Drag-based vanilla JS component
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo Attempt to create synchronous mock of requestAnimationFrame Jul 6, 2014
examples Remove jquery simulate and add demo styles #107 Oct 29, 2015
lib Remove outdated minified source #84 May 11, 2015
spec fix issue with click-events being prevented when a device sends mouse… Jul 8, 2015
src Release 0.10 Jan 12, 2018
.gitignore Target minified version in src/dragdealer.min.js #84 May 11, 2015
.npmignore Add npmignore file #28 Mar 4, 2014
.travis.yml Fix Sauce Labs integration Jan 12, 2018 Release 0.10 Jan 12, 2018
Gruntfile.js Fix Sauce Labs integration Jan 12, 2018
LICENSE Create LICENSE Jan 27, 2014
bower.json Release 0.10 Jan 12, 2018
index.html add ability to run jasmine tests without sauce labs May 18, 2015
package-lock.json Update package-lock.json version Jan 12, 2018
package.json Release 0.10 Jan 12, 2018

Dragdealer.js Build Status

Drag-based JavaScript component, embracing endless UI solutions

Specs & (sweet) demos:


The basic way to install Dragdealer is to include the minified script into your web page.

You can check the examples to see how you can add a particular slider from the demo to your own project.

Node package

It can also be installed through npm, using something like browserify.

var Dragdealer = require('dragdealer').Dragdealer;

Running tests

Dragdealer has CI set up through Travis CI and Sauce Labs (who both offer their outstanding services for free to open-source projects.) Any pull-request will be tested automatically after each commit.

You can also run the tests by hand, of course.

Fire up the browser

Just load index.html in a browser of choice and pull the top slider to the right or access URL with the /#runner hashtag directly. Example:

You can start a web server using the ./node_modules/.bin/grunt dev task, which will make the project available at localhost:9999

Sauce Labs and PhantomJS

Run the ./node_modules/.bin/grunt test grunt task to run the tests from the terminal.

If you have SauceLabs credentials (SAUCE_USERNAME and SAUCE_ACCESS_KEY), tests will run there, otherwise the task will fall back to PhantomJS. You can also force grunt to run the tests one way or the other using the test-phantomjs and test-saucelabs tasks.


node_modules/.bin/uglifyjs src/dragdealer.js -o src/dragdealer.min.js

Make sure you ran npm install in the project directory first. Also, you can use global paths if you have the npm modules installed globally (-g), but you shouldn't need to.


There's no contributing guide so far, but you're more than welcome to start a discussion.

You can’t perform that action at this time.