PHPackages                             netherjs/nui - 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 & Helpers](/categories/utility)
4. /
5. netherjs/nui

ActiveLibrary[Utility & Helpers](/categories/utility)

netherjs/nui
============

A basic Get-It-Done Javascript UI toolkit

3.0.0(8y ago)142BSD-3-ClauseJavaScript

Since Jul 20Pushed 8y ago1 watchersCompare

[ Source](https://github.com/netherjs/nui)[ Packagist](https://packagist.org/packages/netherjs/nui)[ RSS](/packages/netherjs-nui/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (3)Dependencies (1)Versions (6)Used By (0)

NUI (Nether UI)
===============

[](#nui-nether-ui)

The JS UI framework by people who hate JavaScript, for people who hate JavaScript.

I am really surprised at how much I was able to do with so little code. Why do JS frameworks need to be giant and overly complicated? Of course, I cheated, this depends on jQuery, but, still, compared to like jQuery UI...

Installing Like The Common Rabble
=================================

[](#installing-like-the-common-rabble)

Get this source anyway you want - git clone, download the zip, whatever. Copy the contents of the `dist` directory to where you want to serve the files from.

Installing with Composer
========================

[](#installing-with-composer)

If you are using a PHP project with Composer you can deploy this with OneScript. Pretend our project is `/opt/website` with the public webroot as `/opt/website/www` and we want to deploy NUI to `/opt/website/www/share/nui` - this in turn making `/share/nui/nui.js` accessible for the webpage...

```
$ composer require netherjs/nui
$ php vendor/bin/nether-onescript vendor/netherjs/nui --deploy=www/share/nui

```

Any time you update NUI just rerun the OneScript command and it will build and re-deploy the updates to your public web.

Overview
========

[](#overview)

### NUI.Overlay

[](#nuioverlay)

Creates a translucent overlay on top of the page to stop access to what is below.

### NUI.Dialog

[](#nuidialog)

Creates a dialog widget, which you can shove in the overlay.

### NUI.Button

[](#nuibutton)

Creates a button widget, which you can shove in the dialog.

Sample
======

[](#sample)

[![it working](https://camo.githubusercontent.com/c5fb1eb564f687cd68c1bb57db25bb87ff360a5fddbcaaed7422063810231a83/687474703a2f2f692e696d6775722e636f6d2f68594e324f354a2e706e673f31)](https://camo.githubusercontent.com/c5fb1eb564f687cd68c1bb57db25bb87ff360a5fddbcaaed7422063810231a83/687474703a2f2f692e696d6775722e636f6d2f68594e324f354a2e706e673f31)

Full Size:

```

	nui test