Widgets page header description goes here...


Card widget

Card widget is created by using existing Bootstrap .card component with .card-img, .card-img-overlay and .d-flex utilities.

List widget

List widget is created by using existing Bootstrap .list-group component with .d-flex and droplet utilities css classes.

With icon
Apps Store
102 new download
iBooks App
32 new download
With image
With settings
Server auto backup
last backup since yesterday
Analytics enabled
3,392 data collected
Link with arrow
Link with arrow

Stats widget

States widget is created by using Bootstrap .card component with .d-flex and background-color utilities.

302 3 pending orders

+12% compare to last week
last updated on
Feb 3, 4:09:57 AM UTC

Chart widget

Chart widget created by using Bootstrap .card and .list-group component combined with Chart.js plugins.

Weekly Web Analytics 11 Mar - 18 Mar
Total Visitors
11 Mar - 18 Mar
1.3m

User list widget

User list widget used to display people who participate in a project or a group.

Map widget

Map widget created with Bootstrap .card and .list-group component twitted with helper css classes.

Google Map
via Road I-88E
Fastest route, the usual traffic
3h 54min
393km

Chat widget

Chat widget created by using Bootstrap .card component with custom created bubble chat ui.

Discussion group
Roberto Lambert
Hey, I'm testing out group messaging.
Cool
Read 16:26
Today 14:21
Rick Powell
Awesome! What's new?
Roberto Lambert
Not much, It's got a new look, contact pics show up in group messaging, some other small stuff.
How's crusty old iOS 6 treating you?
Sucks
Read 16:30

Profile widget

Profile widget created by using Bootstrap .card component with Bootstrap grid.

Maurice Patterson
Never give up
415
posts
140k
followers
697
following

Product widget

Product widget created by using Bootstrap .list-group component with .d-flex utilities.

Reminder widget

Reminder widget used to create a simple calendar to notify the user upcoming events or task.

Today, Nov 4
09:00
12:00
Meeting with HR
- Conference Room
20:00
23:00
Dinner with Richard
- Tom's Too Restaurant
Richard Leong
Contact
Tomorrow, Nov 5
All day
Terry Birthday
08:00
Meeting
00:00
00:30
Server Maintenance
- Data Centre

Image list widget

Image list widget created by using Bootstrap .card and .list-group component with .d-flex utilities.


Dark Mode NEW
Adjust the appearance to reduce glare and give your eyes a break.