QuantumUI
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:
- Angularjs
- angular-sanitize
- angular-animate
- momentjs (for datepicker)
Links:
- Home Page
- Documentations (with more examples)
Quick start
Three quick start options are available:
- Download the latest release.
- Clone the repo:
git clone https://github.com/quantumui/quantumui.git
. - Install with Bower:
bower install quantumui
.
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/.
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 | |
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
| ├── iamges/
| ├── js/
│ | ├── quantumui.js
│ | └── quantumui.min.js
│ | └── quantumui.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/.
Authors
Mehmet Ötkün
- http://quantumui.org
- https://twitter.com/quantumui
- https://www.facebook.com/quantumui
- https://github.com/quantumui
- https://github.com/mehmetotkun
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/b/116727412287168023986/dashboard/overview
LinkedIn: https://www.linkedin.com/company/angularui
LinkedIn2: http://linkedin.com/pub/mehmet-%C3%B6tk%C3%BCn/92/672/17b