NG-Widget is an AngularJS project with an isolated module that can be integrated inside other AngularJS application and used by configuring its own directive and using proper data.

Github: https://github.com/antonradev/ng-widget
Author: Anton Radev

Demo


Using the NGWidget directive

<ng-widget
    ng-widget-title="{{widget.widgetTitle}}"
    ng-widget-primary-content="{{widget.primaryData}}"
    ng-widget-secondary-content="{{widget.secondaryData}}"
    ng-widget-main-icon="{{widget.mainIcon}}"
    ng-widget-main-icon-color="{{widget.mainIconColor}}"
    ng-widget-main-icon-background-color="{{widget.mainIconBackgroundColor}}"
    ng-widget-small-icon="{{widget.smallIcon}}"
    ng-widget-small-icons-color="{{widget.smallIconColor}}"
    ng-widget-small-icons-number="{{widget.smallIconsNumber}}"
    >
</ng-widget>
                    
uxpd.net | jui.uxpd.net