John Parker
  • Overview
  • Sales

Recent Activity

  • New sale ($15)
    Admin Template
    3 min ago
  • You edited the file
    Documentation.doc
    15 min ago
  • Project deleted
    Line Icon Set
    4 hours ago

Online Friends

  • Ann Parker
    Copywriter
  • Ronald George
    Web Developer
  • Laura Bell
    Web Designer
  • Emma Cooper
    Photographer
  • George Stone
    Graphic Designer

Quick Settings

Online Status
Show your status to all
Auto Updates
Keep up to date
Notifications
Do you need them?
API Access
Enable/Disable access
Sales
22030
Balance
$ 4.589,00
Today
$996
  • New sale! + $249
    3 min ago
  • New sale! + $129
    50 min ago
  • New sale! + $119
    2 hours ago
  • New sale! + $499
    3 hours ago
Yesterday
$765
  • New sale! + $249
    26 hours ago
  • Product Purchase - $50
    28 hours ago
  • New sale! + $119
    29 hours ago
  • Paypal Withdrawal - $300
    37 hours ago
  • New sale! + $129
    39 hours ago
  • New sale! + $119
    45 hours ago
  • New sale! + $499
    46 hours ago
Load More..
  • Default
  • Amethyst
  • City
  • Flat
  • Modern
  • Smooth
ne
  • Dashboard
  • User Interface
  • UI Elements
    • Widgets
    • Blocks
      • Styles
      • Blocks API
      • Draggable
    • Grid
    • Typography
    • Icons
    • Buttons
    • Activity
    • Tabs
    • Tiles
    • Ribbons
    • Chat
      • Full
      • Fixed
      • Popup
    • Timeline
      • Various
      • Social
    • Navigation
    • Modals & Tooltips
    • Color Themes
  • Tables
    • Styles
    • Responsive
    • Tools
    • Pricing
    • DataTables
  • Forms
    • Pre-made
    • Elements
    • Pickers & More
    • Text Editors
    • Validation
    • Wizard
  • Develop
  • Components
    • Images
    • Charts
    • Calendar
    • Sliders
    • Animations
    • Scrolling
    • Syntax Highlighting
    • Rating
    • Tree View
    • Maps
      • Google
      • Google Full
      • Vector
    • Gallery
      • Simple
      • Advanced
  • Layouts
    • Layout API
    • Default
    • Default Flipped
    • Static Header
    • Mini Sidebar (Hoverable)
    • Side Overlay (Hoverable)
    • Side Overlay (Open)
    • Side Native Scrolling
    • Hidden Sidebar
  • Multi Level Menu
    • Link 1-1
    • Link 1-2
    • Sub Level 2
      • Link 2-1
      • Link 2-2
      • Sub Level 3
        • Link 3-1
        • Link 3-2
        • Sub Level 4
          • Link 4-1
          • Link 4-2
          • Sub Level 5
            • Link 5-1
            • Link 5-2
            • Sub Level 6
              • Link 6-1
              • Link 6-2
  • Pages
  • Generic
    • Blank
    • Search Results
    • Invoice
    • FAQ
    • Inbox
    • User Profile
      • Profile
      • Profile v2
      • Profile Edit
    • Forum
      • Categories
      • Topics
      • Discussion
      • New Topic
    • Authentication
      • Log In
      • Log In v2
      • Register
      • Register v2
      • Lock Screen
      • Lock Screen v2
      • Password Reminder
      • Password Reminder v2
    • Coming Soon
    • Maintenance
  • e-Commerce
    • Dashboard
    • Orders
    • Order
    • Products
    • Product Edit
    • Customer
  • Error Pages
    • 400
    • 401
    • 403
    • 404
    • 500
    • 503
  • Apps
  • Frontend
    • Profile
    • 3Inbox
    • 1Profile
    • Settings
    • Actions
    • Lock Account
    • Log out

Activity Vital UI components for your project.

  1. UI Elements
  2. Activity

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 add the following markup after the body tag and the loading screen will be enabled and auto hide once the page loads:

<div id="page-loader"></div>

You can also show or hide the loading screen at any time by using App.loader('show') or App.loader('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

Crafted with by pixelcave
OneUI 2.0 ©

Apps

Backend
Frontend