Activity Vital UI components for your project.

Alerts

Success

The App was updated!

Information

Information message!

Warning

Please pay attention!

Error

Opps, an error occured!

Notifications

Top Right

Top Left

Top Center

Bottom Right

Bottom Left

Bottom Center

SweetAlert

Page Loader

You can show or hide the loading screen at any time by using helpers.uiLoader('show') or helpers.uiLoader('hide') respectively.

Loading Icons

You can create a loading indicator by adding the class fa-spin to any icon. Combining it with size classes and colors, you can get a lot of variations.

Progress Normal

30%
50%
70%
90%
100%

Progress Striped

30%
50%
70%
90%
100%

Progress Animated

30%
50%
70%
90%
100%

Progress Mini