Examples

"The Popup"

Scale Bounce with Arrows

"The Social Share"

List Flyout

Share
  • Facebook
  • Twitter
  • GitHub

"The Hover Card"

Facebook-style Image Hover Card

Elias Torres
VP Engineering, HubSpot

"The Popover"

Popover Messages

About Drop.js

Drop.js

Drop.js is a fast and capable dropdown library built on Tether.





How to Use

Drop is an open-source JavaScript and CSS library that creates and positions dropdowns. It's powered by Tether.js.

To use, first download the latest tether and drop releases.

Then add this to your page:

<link rel="stylesheet" href="drop-theme-arrows.css" />
<script src="tether.min.js"></script>
<script src="drop.min.js"></script>

Then you can start creating drops. Learn more by visiting the documentation.

Share

Help us spread the word.