NoGray UI & Layout

The NoGray UI & Layout is a collection of common user interface components to ease creating website and apps.

Layout Plugins

JavaScript Sortable List

JavaScript Sortable List The JavaScript Sortable List is a user interface element that allows users to sort and re-organize list items. It comes ready out of the box to support the most common HTML elements and features. With a powerful drag and drop support that allows multiple items to be dragged at once (in touch screens), sorting elements was never easier.

JavaScript Accordion

JavaScript Sortable List An Accordion widget is a set of collapsible panels that can store a large amount of content in a compact space. Users can hide or reveal the content stored in the accordion by clicking the tab of the panel.

UI Elements

JavaScript Progress Bar

JavaScript Progress Bar A progress bar is a graphical control element used to visualize the progression of an extended computer operation, such as a download, file transfer, or installation. Sometimes, the graphic is accompanied by a textual representation of the progress in a percent format.


Icons This is a set of icons and CSS rules that uses CSS spirit in many sizes. The icons are for common used tools like Add, Edit or Delete and are nestable. The ability to nest the icons simply gives you a much larger selection. For example, a Mail icon can have and Add, Edit or Delete nested inside it.