/quantumui

The most powerful NATIVE AngularJS and Bootstrap CSS based UI components make developer life easy.

Primary LanguageJavaScriptMIT LicenseMIT

QuantumUI is the most powerful and well designed NATIVE AngularJS and Bootstrap CSS based UI components make developer life easy.

It complately MVVM structure, easy, light, fast, mobile friendly 25+ components and lots of native angular services.

It optimized and extended Bootstrap based CSS structure with pure CSS3 plugins.

To get started, check out getting started page or follow instructions below.

Dependencies:

Links:

Quick start

Three quick start options are available:

Run npm install and bower install to install dependencies.

For running sample page, navigate to directory quantumui theni run grunt server.

Read the getting started page for information.

Examples: http://quantumui.org/appdoc/documents/quantumui/index/.

Note : There is in icons.js under the config folder. This file is include all icon configuration options for all components. If you use Bootstrap default glyphicon add this to your page Or If you want to use Fontawesome, Ionicons or any other icon package, you must customize this icon file.

Features of OuantumUI

OuantumUI Core is a free and open-source Component set. The following table details the widgets and features available in QunatumUI Core.

Feature Core
Bottons
Pageable No
Bottons
CheckboxGroup Yes
RadioGroup Yes
Loading Button Yes
Toggle Button Yes
Switch Button Yes
Components
Select Yes
Tags Input Yes
Alert Yes
DatePicker(full) Yes
DropDown Yes
Tooltip Yes
Popover Yes
Modal Yes
Modalbox Yes
Aside Yes
Tab(responsive) Yes
Carousel Yes
Collapse Yes
Accordion Yes
Colorpicker Yes
Scrollbar Yes
Range Slider Yes
Loading Service Yes

What's included

Within the download you'll find the following directories and files, providing both compiled and minified variations. You'll see something like this:

quantumui/
├── dist/
|   ├── css/
|   |   ├── addon/
|   |        ├── effect-light.min.css
│   |   ├── quantumui.css
│   |   ├── quantumui.min.css
│   |   ├── quantumui.css.map
│   |   ├── bootstrap-quantumui.css *//include bootstrap.css*
│   |   ├── bootstrap-quantumui.min.css *//include bootstrap.css*
│   |   ├── bootstrap-quantumui.css.map *//include bootstrap.css*
|   ├── images/
|   ├── js/
│   |   ├── quantumui.js  *//exclude angular.nojq and pageable*
│   |   └── quantumui.min.js *//exclude angular.nojq  and pageable*
│   |   └── quantumui.min.js.map *//exclude angular.nojq  and pageable*
│   |   └── quantumui-nojq.js *//include angular.nojq  **exclude pageable***
│   |   └── quantumui-nojq.js *//include angular.nojq  **exclude pageable***
│   |   └── quantumui-nojq.js.map *//include angular.nojq  **exclude pageable***
│   |   └── quantumui-all.min.js
│   |   └── quantumui-all.min.js
│   |   └── quantumui-all.min.js.map
├── docs/
|   └── js/
|        ├── app.js
|        ├── indexController.js
├── images/
├── src/
└── less/
    ├── mixins/
    ...

Documentation

QuantumUI's is full documented with lots of examples on online page, http://quantumui.org/appdoc/documents/quantumui/index/.

Temporary CDN

Below source are just for demos like Plunker or JSBin. Don't use in your projects

This is a plunker example of Temporary CDN usage

http//cdn.quantumui.org/v1.0.0/quantumui.min.css
http//cdn.quantumui.org/v1.0.0/quantumui-all.min.js

Authors

Mehmet Ötkün

Contributing

Contribute to QuantumUI, http://quantumui.org/ui/contributecode/.

Support

There are some several social platforms you can get help or share your experience, http://quantumui.org/ui/community/.

Copyright and license

QuantumUI Free is licensed under a Creative Commons Attribution 3.0 Unported (CC BY 3.0) (http://creativecommons.org/licenses/by/3.0/) and MIT License - http://opensource.org/licenses/mit-license.html.

You are allowed to use these elements anywhere you want, however we’ll highly appreciate if you will link to our website.

Social Media:

Twitter: https://twitter.com/quantumui

Facebook: https://www.facebook.com/quantumui

Google+: https://plus.google.com/u/0/communities/113269892759760815339

LinkedIn: https://www.linkedin.com/company/angularui

LinkedIn2: http://linkedin.com/pub/mehmet-%C3%B6tk%C3%BCn/92/672/17b