# Examples

## "The Popup"

### Scale Bounce with Arrows

Size

## "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.

Tweet