Skip to content
Lightweight version of the Shield UI JavaScript/HTML5 library
Branch: master
Clone or download
Latest commit f37c0f9 Feb 11, 2018
Type Name Latest commit message Commit time
Failed to load latest commit information.
common Adding some more widgets Jul 4, 2017
grid Adding some more widgets Jul 4, 2017
loadingpanel Adding some more widgets Jul 4, 2017
menu Adding some more widgets Jul 4, 2017
progressbar Adding some more widgets Jul 4, 2017
slider Adding some more widgets Jul 4, 2017
.gitignore Updating bower and adding build Aug 3, 2016
Gruntfile.js Adding some more widgets Jul 4, 2017
LICENSE.txt Fixing a link Feb 11, 2018
bower.json Adding some more widgets Jul 4, 2017
package.json Adding some more widgets Jul 4, 2017

Shield UI Lite


Shield UI specializes in the design and production of specialized highly functional and flexible UI components for pure JavaScript development, as well as development for ASP.NET, ASP.NET MVC and JAVA Wicket. The Shield UI component Suite consists of more than 70 widget types.

The Shield UI Lite bundle offers a fully functional set of web development jQuery components, ranging from smaller input controls to large components such as the Shield UI jQuery Grid.

The widgets included in the present Suite are listed below.

Included Widgets

Bower Installation

You can install Shield UI Lite using Bower:

bower install shieldui-lite

This will create the following directory, containing all Shield UI Lite assets:


Requirements and Dependencies

Shield UI Lite depends on the following external JavaScript libraries:

  • jQuery 1.9.1+. Shield UI has also been tested with jQuery 2+
  • Globalize 0.1.0+

Additionally, the build process will download the following testing libraries, but they will not be needed for the library's execution:

  • QUnit
  • Sinon.JS

Building Shield UI Lite

In order to use the Shield UI Lite library, you must build it from source.

Alternatively, you can download and use the Trial version of Shield UI, available here.


To build Shield UI Lite from the source code, you will need NodeJS, Git and Grunt.

Install NodeJS

Download and install NodeJS from their website.

Install Git

Download and install Git from their website.

NOTE: You will need to install Git with the "Run Git from the Windows Command Prompt" option in order to be used by Bower, as it is shown below:

[ ] Use Git bash only

[x] Run Git from the Windows Command Prompt

[ ] Run Git and included Unix tools from the Windows Command Prompt

Install Grunt

Install Grunt globally with the following console command:

npm install -g grunt-cli

Build Process

To build the Shield UI Lite library, go to your shieldui-lite directory and use the following commands:

npm install

grunt build

If the build is successful, you should see the following message:

Done, without errors.

At this point the compiled Shield UI Lite JavaScript and CSS resources should be located in the dist directory. The dependencies such as jQuery and Gloablize should be in external.

Documentation and Usage

The widgets present in the ShieldUI Lite Suite are fully documented.

To see more information on how to get started using them, please refer to the following documentation page.

To see the specific information for a particular widget, simply navigate to the widget that you interested in. There is a separate documentation section for each widget.

If you are new to the widget, the most important section to start from is the Getting Started topic. For example, to see how to use the ShieldUI jQuery Grid component, simply navigate to the getting started topic in its section, located here.


For details about changes and release notes, see the Shield UI Changelog.

ShieldUI Lite and ShieldUI Standard bundles

The table below summarizes the components included in the two versions of the ShieldUI jQuery Suites - the Lite and Standard versions. For a complete list of components, please visit the online demos section.

Component ShieldUI Lite ShieldUI Standard
Accordion Yes Yes
AutoComplete Yes Yes
Barcode Suite No Yes
Button Yes Yes
Calendar Yes Yes
Chart No Yes
CheckBox Yes Yes
ColorPicker Yes Yes
ComboBox Yes Yes
ContextMenu Yes Yes
DataSource Yes Yes
DatePicker Yes Yes
DateTimePicker Yes Yes
DropDown Yes Yes
Editor No Yes
Grid Yes Yes
ListBox Yes Yes
LoadingPanel Yes Yes
MaskedTextBox Yes Yes
Menu Yes Yes
MonthYearPicker Yes Yes
NumericTextBox Yes Yes
Pager Yes Yes
ProgressBar Yes Yes
QRCode Yes Yes
RadioButton Yes Yes
Rating Yes Yes
Slider Yes Yes
Splitter Yes Yes
Switch Yes Yes
Tabs Yes Yes
TagCloud Yes Yes
TextBox Yes Yes
Timeline Yes Yes
TimePicker Yes Yes
Tooltip Yes Yes
TreeMap No Yes
TreeView No Yes
Upload No Yes
Window Yes Yes

License Information

The Shield UI Lite library is licensed under the MIT license, details of which can be found in the LICENSE.txt file located in this folder. The license applies ONLY to the source code of this repository and does not extend to any other Shield UI distribution or variant, or a third-party library used.

For more details about Shield UI licensing, see the Shield UI License Agreement page at Shield UI Commercial support information can be found on this page.

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.