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.
Either get Fit.UI from http://fitui.org or install it using NodeJS Package Manager (https://www.npmjs.com/package/fit-ui).
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
Fit.UI has been thoroughly documented: http://fitui.org/fitui/api/
Quality Assurance and Testing using BrowserStack.
