PHPackages                             noknok-studios/jquery-blockui - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility &amp; Helpers](/categories/utility)
4. /
5. noknok-studios/jquery-blockui

ActiveComponent[Utility &amp; Helpers](/categories/utility)

noknok-studios/jquery-blockui
=============================

Simulate synchronous ajax by blocking - not locking - the UI. This plugin lets you block user interaction with the page or with a specific element on the page. Also great at displaying modal dialogs.

2.70(5y ago)0280↓100%MITJavaScript

Since Oct 14Pushed 5y agoCompare

[ Source](https://github.com/NOKNOKdesign/blockui)[ Packagist](https://packagist.org/packages/noknok-studios/jquery-blockui)[ Docs](http://jquery.malsup.com/block/)[ RSS](/packages/noknok-studios-jquery-blockui/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependencies (2)Versions (2)Used By (0)

BlockUI - Page or element overlay
=================================

[](#blockui---page-or-element-overlay)

Getting Started
---------------

[](#getting-started)

Download either the [production version](http://malsup.github.com/min/jquery.blockUI.min.js) or the [development version](http://malsup.github.com/jquery.blockUI.js) of BlockUI.

In your web page:

```

// invoke blockUI as needed -->
$(document).on('click', '#myButton', function() {
   $.blockUI();
});
>
```

Documentation, Demos and FAQ
----------------------------

[](#documentation-demos-and-faq)

Everything you need to know can be found here:

Copyright and License
---------------------

[](#copyright-and-license)

Copyright © 2007-2013 M. Alsup.

The BlockUI plugin is dual licensed under the [MIT](http://malsup.github.com/mit-license.txt) and [GPL](http://malsup.github.com/gpl-license-v2.txt) licenses.

You may use either license. The MIT license is recommended for most projects because it is simple and easy to understand and it places almost no restrictions on what you can do with the plugin.

If the GPL suits your project better you are also free to use the plugin under that license.

You do not have to do anything special to choose one license or the other and you don't have to notify anyone which license you are using. You are free to use the BlockUI plugin in commercial projects as long as the copyright header is left intact.

###  Health Score

27

—

LowBetter than 49% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity13

Limited adoption so far

Community15

Small or concentrated contributor base

Maturity53

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 77.6% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

2033d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/598a21c44bdee0fce5a8bf51fd89f229a62f180e9ed3ca598e94b8f111b7cb7e?d=identicon)[noknok-studios](/maintainers/noknok-studios)

---

Top Contributors

[![malsup](https://avatars.githubusercontent.com/u/28185?v=4)](https://github.com/malsup "malsup (52 commits)")[![noknokcody](https://avatars.githubusercontent.com/u/56014932?v=4)](https://github.com/noknokcody "noknokcody (3 commits)")[![glensc](https://avatars.githubusercontent.com/u/199095?v=4)](https://github.com/glensc "glensc (2 commits)")[![fwangel](https://avatars.githubusercontent.com/u/390203?v=4)](https://github.com/fwangel "fwangel (1 commits)")[![IanRr](https://avatars.githubusercontent.com/u/4000189?v=4)](https://github.com/IanRr "IanRr (1 commits)")[![ajpiano](https://avatars.githubusercontent.com/u/155599?v=4)](https://github.com/ajpiano "ajpiano (1 commits)")[![konapun](https://avatars.githubusercontent.com/u/498643?v=4)](https://github.com/konapun "konapun (1 commits)")[![kurund](https://avatars.githubusercontent.com/u/151481?v=4)](https://github.com/kurund "kurund (1 commits)")[![leniel](https://avatars.githubusercontent.com/u/764854?v=4)](https://github.com/leniel "leniel (1 commits)")[![ngnpope](https://avatars.githubusercontent.com/u/2855582?v=4)](https://github.com/ngnpope "ngnpope (1 commits)")[![jgeiger](https://avatars.githubusercontent.com/u/10274?v=4)](https://github.com/jgeiger "jgeiger (1 commits)")[![brandonaaron](https://avatars.githubusercontent.com/u/13718?v=4)](https://github.com/brandonaaron "brandonaaron (1 commits)")[![franck34](https://avatars.githubusercontent.com/u/438255?v=4)](https://github.com/franck34 "franck34 (1 commits)")

---

Tags

modalblockdialogoverlay

### Embed Badge

![Health badge](/badges/noknok-studios-jquery-blockui/health.svg)

```
[![Health](https://phpackages.com/badges/noknok-studios-jquery-blockui/health.svg)](https://phpackages.com/packages/noknok-studios-jquery-blockui)
```

###  Alternatives

[wire-elements/modal

Laravel Livewire modal component

1.2k3.8M31](/packages/wire-elements-modal)[kartik-v/yii2-dialog

An asset bundle for bootstrap3-dialog for Yii 2.0 framework.

496.2M18](/packages/kartik-v-yii2-dialog)[kartik-v/bootstrap-popover-x

Bootstrap Popover Extended - Popover with modal behavior, styling enhancements and more.

1143.4M3](/packages/kartik-v-bootstrap-popover-x)[pboivin/filament-peek

Full-screen page preview modal for Filament

253319.6k12](/packages/pboivin-filament-peek)[kartik-v/bootstrap-tabs-x

Extended Bootstrap Tabs with ability to align tabs in multiple ways, add borders, rotated titles, and more.

1021.3M1](/packages/kartik-v-bootstrap-tabs-x)[kartik-v/yii2-tabs-x

A supercharged Bootstrap tabs widget with ability to align tabs in multiple ways, add borders, rotated titles, and more.

301.4M20](/packages/kartik-v-yii2-tabs-x)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
