Popularity

2.6

Stable

Activity

0.0

Stable

Stars 423

Watchers 18

Forks 78

Last Commit almost 5 years ago

Description

jQuery PopBox is a simple balloon UI element inspired by 37Signals Highrise CRM.

See it in action here: http://gristmill.github.com/jquery-popbox/example.html

Programming language: JavaScript

Tags: Modals And Popups

jquery-popbox alternatives and similar libraries

Based on the "Modals and Popups" category.
Alternatively, view jquery-popbox alternatives based on common mentions on social networks and blogs.

SweetAlert

9.2 0.0 L4 jquery-popbox VS SweetAlert

A beautiful replacement for JavaScript's "alert"
sweetalert2

8.7 9.0 L1 jquery-popbox VS sweetalert2

✨ A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies. 🇺🇦

Appwrite - The open-source backend cloud platform

The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!

Promo appwrite.io

Magnific-Popup

8.6 0.0 L2 jquery-popbox VS Magnific-Popup

Light and responsive lightbox script with focus on performance.
fancyBox

7.7 3.9 L1 jquery-popbox VS fancyBox

jQuery lightbox script for displaying images, videos and more. Touch enabled, responsive and fully customizable.
X-editable

7.5 0.0 L3 jquery-popbox VS X-editable

In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
tether

7.4 8.9 L3 jquery-popbox VS tether

A positioning engine to make overlays, tooltips and dropdowns better
lightGallery

7.0 0.0 jquery-popbox VS lightGallery

A customizable, modular, responsive, lightbox gallery plugin.
vex

6.9 0.0 jquery-popbox VS vex

A modern dialog library which is highly configurable and easy to style. #hubspot-open-source
screenfull.js

6.9 0.0 jquery-popbox VS screenfull.js

Simple wrapper for cross-browser usage of the JavaScript Fullscreen API
bootstrap-modal

6.8 0.0 jquery-popbox VS bootstrap-modal

Extends the default Bootstrap Modal class. Responsive, stackable, ajax and more.
Bootbox

6.7 0.0 L2 jquery-popbox VS Bootbox

Wrappers for JavaScript alert(), confirm() and other flexible dialogs using Twitter's bootstrap framework
colorbox

6.7 0.0 L1 jquery-popbox VS colorbox

A light-weight, customizable lightbox plugin for jQuery
lightgallery.js

6.4 0.0 jquery-popbox VS lightgallery.js

Full featured JavaScript image & video gallery. No dependencies
swipebox

5.1 0.0 jquery-popbox VS swipebox

A touchable jQuery lightbox
baguetteBox.js

5.0 0.0 L4 jquery-popbox VS baguetteBox.js

:zap: Simple and easy to use lightbox script written in pure JavaScript
iziModal

4.7 1.9 jquery-popbox VS iziModal

Elegant, responsive, flexible and lightweight modal plugin with jQuery.
jquery.avgrund.js

4.6 0.0 L5 jquery-popbox VS jquery.avgrund.js

Avgrund is jQuery plugin with new modal concept for popups
css-modal

4.4 0.0 L4 jquery-popbox VS css-modal

A modal built with pure CSS, enhanced with JavaScript
jBox

4.2 0.0 L1 jquery-popbox VS jBox

jBox is a jQuery plugin that makes it easy to create customizable tooltips, modal windows, image galleries and more.
GLightbox

4.1 0.0 jquery-popbox VS GLightbox

Pure Javascript lightbox with mobile support. It can handle images, videos with autoplay, inline content and iframes
🦞 Modali

1.8 0.0 jquery-popbox VS 🦞 Modali

A delightful modal dialog component for React, built from the ground up to support React Hooks.
hColumns

1.5 0.0 jquery-popbox VS hColumns

jQuery.hColumns is a jQuery plugin that looks like Mac OS X Finder's column view for the hierarchical data.
F$D€

1.3 0.0 jquery-popbox VS F$D€

F$D€ - Client not paid? Add opacity to the body tag and increase it every day until their site completely fades away
toppy

1.2 0.0 jquery-popbox VS toppy

Overlay library for Angular 7+
keukenhof

0.7 0.0 jquery-popbox VS keukenhof

Lightweight and easy to use the library for modals
ModalSquared.js

0.2 1.1 jquery-popbox VS ModalSquared.js

ModalSquared.js is a super small less than a 1kb library for showing and hiding modals.

* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.

Do you think we are missing an alternative of jquery-popbox or a related project?

Add another 'Modals and Popups' Library

Popular Comparisons

README

jQuery PopBox

jQuery PopBox is a simple balloon UI element inspired by 37Signals Highrise CRM.

See it in action here: http://gristmill.github.com/jquery-popbox/example.html

Usage

jQuery PopBox requires a specific HTML structure in order to work. There is also a small stylesheet that can be used. jQuery is a dependency.

<head>
  <script type='text/javascript' charset='utf-8' src='jquery.js'></script>
  <script type='text/javascript' charset='utf-8' src='popbox.js'></script>
  <link rel='stylesheet' href='popbox.css' type='text/css'>
</head>

The HTML structure looks like this.

<div class='popbox'>
  <a class='open' href='#'>Click Here!</a>

  <div class='collapse'>
    <div class='box'>
      <div class='arrow'></div>
      <div class='arrow-border'></div>

      Content in PopBox goes here :)

      <a href="#" class="close">close</a>
    </div>
  </div>
</div>

Invoke the plugin by calling it on a selector like normal.

<script type='text/javascript'>
   $(document).ready(function(){
     $('.popbox').popbox();
   });
</script>

If there are any CSS class name conflicts, they can be overridden.

<script type='text/javascript'>
   $(document).ready(function(){
     $('.popbox').popbox({
       'open'          : '.open',
       'box'           : '.box',
       'arrow'         : '.arrow',
       'arrow_border'  : '.arrow_border',
       'close'         : '.close'
      });
   });
</script>