Card widget

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

Youtube

New Videos - Behind The Forest Tours

892 views

39min ago

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

Isaiah Hughes

Ryan Turner

With settings

Server auto backup

last backup since yesterday

Analytics enabled

3,392 data collected

Link with arrow

Stats widget

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

Total Sales

RM 82,300

+12% this week

New Users

1,245

+320 vs last week

Conversion Rate

4.8%

Steady growth

Bounce Rate

32%

-5% vs prev month

Users Activity

450

Active Now

1,820

Daily Logins

Active Ratio (20%)

Real-time data

Total Orders

302 3 pending orders

+12% compare to last week

last updated on

Feb 3, 4:09:57 AM UTC

Task Summary

Completed Tasks

In Progress

Total Items

Due this week Avg. Time: 4h

Total Sales

$12,480

New Customers

324

Social Engagement

24.5K

+5.2% vs last week

1.2K

Likes

856

324

Comments

Revenue

$42,580

12.5% increase

Conversion Rate

4.8%

3.6%

Change

+1.2%

Project Completion

78%

12 of 15 tasks done

78%

Active Users

8,642

+5.2% vs last week

Storage Usage

65%

325GB of 500GB used

65%

Performance Score

Good • 12 points improvement

1.2K

Likes

856

324

Comments

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

Profile widget

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

Alex Morgan

Product Designer @ SeanTheme

Designing with purpose, driven by creativity, data, and a love for solving real user problems.

68,499 followers

2,394 connections

San Francisco, CA

Follow Message

Product widget

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

iPhone 17 Pro Max 1TB

Reminder widget

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

Today, Nov 4

Tomorrow, Nov 5

Image list widget

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

Todolist widget

To-Do List widget created by using Bootstrap .list-group and .form-check components with .d-flex and .align-items-center utilities for layout alignment.

Todolist

Done

Design new landing page Create a modern hero section and update call-to-action.

Prepare presentation slides Add product roadmap and new feature highlights.

Team meeting at 3 PM Discuss Q4 goals and assign tasks.

!! Send invoice to client Include last month’s hours and additional revisions.

Square widget

Square widget is a flexible content block designed with equal width and height proportions. It's ideal for displaying concise information such as quick stats, icons, or shortcuts. Built using Bootstrap's .card component, .ratio utility, and responsive flexbox alignment classes for consistent sizing across all devices.