Dashboard
Widgets
Reusable dashboard widgets for sales, earnings, tracking, and analytics.
Widget 1
A sales by countries widget displaying the monthly sales performance across different countries. The widget lists sales figures for each country, along with the corresponding percentage change from the previous month. Each country is represented with its flag, making it easy to visually associate the data. The color-coded indicators (green for growth, red for decline) show how each country's sales have changed, providing a quick overview of international sales performance.
Sales by Countries
Monthly Sales Overview-
452k$8,564k
7.0%
United States of America
-
320k$9,120k
6.3%
Canada
-
215k$6,800k
5.0%
Australia
-
120k$7,450k
4.8%
Germany
-
75k$10,200k
6.3%
England
Widget 2
A widget showcasing the most popular instructors based on the number of courses taught. Each instructor is listed with their name, specialization (e.g., 'Business Intelligence,' 'UI/UX Designer'), and the number of courses they have taught. The widget is visually appealing with color-coded sections to differentiate each instructor, providing a quick overview of the top educators and their respective course offerings.
Popular Instructors
-
33Maven Analytics
Business intelligence
-
28Bentlee Emblin
Data exploration
-
45Tableau
UI/UX Designer
-
50Alma Gonzalez
Java Developer
-
33Beverlie Krabbe
React Native
Widget 3
An order tracking widget that displays the status of deliveries categorized by their progress stages (New, Preparing, Shipping). It shows detailed information about the sender and receiver, including their names and addresses. The widget is designed to provide an overview of deliveries in progress and allows easy tracking of the current status for each order.
Orders by Countries
62 deliveries in progressWidget 4
An employee performance widget showing a list of employees along with their roles and hours worked. Each employee is associated with a progress bar that shows their current hours worked compared to the total expected hours. The widget provides a clear view of employee performance, tracking time spent on tasks and indicating which employees are ahead or behind on their hours.
Employee List
-
Alberta
UI Designer
100h: 138h -
Quebec
Graphic Designer
90h: 130h -
British
UX Researcher
120h: 150h -
Nova Scotia
Web Developer
115h: 145h -
Ontario
Product Manager
110h: 160h
Widget 5
A payment history widget displaying details of various transactions. Each entry includes the card type, card number (last four digits), transaction date, amount spent, and the total spend for the given period. The widget offers a clear breakdown of payment history, enabling users to track their spending across different payment methods, including credit, ATM, and debit cards.
Payment History
Card
-
*4399
Credit Card
05/Jan-$2,820
$10,450
-
*9860
ATM Card
24/Feb-$1,650
$8,900
-
*4300
Credit Card
08/Mar-$3,250
$12,800
-
*5545
Debit Card
15/Apr-$890
$5,200
-
*4399
Credit Card
28/Apr-$1,980
$7,650
Widget 6
A transaction history widget displaying details of recent transactions. It lists various transaction types including credit card payments, PayPal received money, and refunds, along with the corresponding amounts and the nature of the transactions (e.g., 'Digital Ocean,' 'Netflix,' 'Refund'). The transactions are color-coded to show positive (green) and negative (red) values, providing an easy-to-read financial summary.
Transactions
-
Credit Card
Digital Ocean
-$2,820
-
Paypal
Received Money
+$1,260
-
Mastercard
Netflix
-$149
-
Wallet
Mac’D
-$49
-
PayPal
Refund
-$12,820
-
Stripe
Buy Apple Watch
-$299
Widget 7
A total earnings widget showing the overall earnings for the period, which is $24,650, with a 10% increase compared to the previous year. Below the total earnings, a list of companies or projects is displayed with their respective losses or earnings, each accompanied by their project or company name. The widget uses color-coded indicators to show gains or losses, providing a quick overview of the financial status.
Total Earning
$24,650
10%
Compared to $84,325 last yaear
-
Zipcar
Vuejs, React & HTML
-$24,820.35
-
Bitbank
Sketch, Figma & XD
-$86,350.10
-
Aviato
HTML & Angular
-$55,699.60
Widget 8
A vehicle condition widget displaying the status of vehicles in transit. The widget uses color-coded indicators to represent different conditions such as 'Package in transit,' 'Good,' 'Average,' 'Bad,' and 'Not Working.' Each condition has a corresponding percentage and a note indicating the change compared to the previous month. The widget is designed to provide a clear, visual overview of vehicle status in real-time.
Vehicles Condition
-
83%+10%
Package in transit
12% increase in this month
-
68%+8.1%
Good
24 Vehicles
-
48%-2.5%
Average
182 Tasks
-
36%-3.4%
Bad
8 Vehicles
-
12%+12.6%
Not Working
4 Vehicles
Widget 9
A widget displaying the top courses based on views. Each course is listed with its title, category (e.g., 'Workshop,' 'Course,' 'Singing Lesson'), and the number of views. The widget highlights popular courses, allowing users to easily identify the most viewed or engaging learning content. Color-coded indicators provide clarity and visually distinguish each course.
Top Courses
-
1.2k Views
Basic Design
Workshop
-
10k Views
Basic Front-end
Course
-
8.4k Views
Advance Of UX
Workshop
-
5.2k Views
Advance Dribble
Course
-
1.6k Views
Singing Lesson
Singing Lesson
Widget 10
An order statistics widget that provides an overview of total orders and sales. It includes a circular progress indicator showing the percentage of weekly sales, along with breakdowns for different product categories (Electronics, Fashion, Sports) and total expenses. The data is displayed clearly with product names and their respective sales figures, offering quick insights into order performance and category contributions.
Order Statistics
42.82K Total Sales13,478
Total Orders
-
Electronic
Mobile, Earbuds, TV
82.5k
-
Fashion
Shirts, Jeans, Shoes
23.8k
-
Total Expenses
ADVT, Marketing
849k
-
Sports
Football, Cricket Kit
10.9k
Widget 11
A project income overview displaying the total project income of $12.04k, along with a bar chart that shows the sales trend for each month from January to May. The chart highlights positive growth, with a note indicating that sales are up by 18.5% compared to the previous year. Green bars represent positive sales figures, providing a visual representation of the financial performance over the months.
Delivery Performance
12% increase in this month-
10k
Package in transit
25.8%
-
5k
Package out for delivery
4.3%
-
15k
Package delivered
12.5%
-
95%
Delivery success rate
34.3%
-
2.5 Days
Average delivery time
4.6%
-
4.5/5
Customer satisfaction
5.8%