Fit.UI

Fit.UI is an object oriented JavaScript based UI framework. It consists of two main parts:

In Core you'll find everything you need to write Object Oriented apps in JavaScript. It enhances native JS with added features for:

• Arrays/collections
• Browser detection
• Cookie storage
• DOM and CSS manipulation
• Templating for SoC
• Events and Manipulation Observers
• Drag and Drop
• Async. HTTP (AJAX)
• JSON
• Async. JS and CSS loader
• Type checking and validation

On top of Core we've built Controls which is a set of very nice UI Controls and components, exposing rich APIs and event models.

• Button
• CheckBox
• Context Menu
• Dialog
• Date and Time Picker with calendar widget
• Drop Down (with ListView or TreeView)
• File Picker (async. upload with image previews)
• Input (with HTML editing using CKEditor)
• Progress Bar
• Tree View
• and more to come

Fit.UI supports all major browsers (FireFox, Chrome, Edge, Opera, Safari, and even Internet Explorer 8+). A lot of work has been put into making Fit.UI the most compatible framework available, leaving nobody behind.

Get started

Either get Fit.UI from http://fitui.org or install it using NodeJS Package Manager (https://www.npmjs.com/package/fit-ui).

Examples

Check out this super cool upload component based on Button, FilePicker, and ProgressBar: https://fiddle.jshell.net/Jemt/L97q8bLa/9/

Here is the Input control with support for HTML editing thanks to the power of CKEditor: https://fiddle.jshell.net/Jemt/417gart8/12

Buttons are essential to almost all applications, and FIT.UI provides some great onces, with support for FontAwesome icons: https://fiddle.jshell.net/Jemt/bL8xyak4/185

Navigation and data selection is equally important to websites and applications, so we provide a great TreeView and DropDown control for that. Also notice that all controls have a WebService enabled sibling that automatically loads data from a server in JSON format: https://fiddle.jshell.net/Jemt/on3w99v4/9

API Documentation

Fit.UI has been thoroughly documented: http://fitui.org/fitui/api/

Partners

Quality Assurance and Testing using BrowserStack.