Skip to content
forked from Jemt/Fit.UI

Fit.UI is a JavaScript based UI framework built on Object Oriented principles

License

Notifications You must be signed in to change notification settings

kollster/Fit.UI

 
 

Repository files navigation

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.

About

Fit.UI is a JavaScript based UI framework built on Object Oriented principles

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 93.3%
  • CSS 4.6%
  • HTML 1.5%
  • Shell 0.6%