Tryout - Example Modal Sidebar/Drawer.

With Bootstrap v5.0.0-alpha2 CSS.

Reduce screensize and click the toggle icon to view the Modal Sidebar.

Example Hide NavBar on Scroll.

Hide Navbar on scroll-down, show Navbar on scroll-up.

Lorem ipsum tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Bootstrap's own Icon Library.

View Modal Sidebar

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Activity Logs

There are 2 new tasks for you in “AirPlus Mobile App” project:

Added at 4:23 PM by

Meeting with customer

Application Design

A

In Progress

View

Project Delivery Preparation

CRM System Development

B

Completed

View

Invitation for crafting engaging designs that speak human workshop

Sent at 4:23 PM by

3 New Incoming Project Files:

Sent at 10:30 PM by

Finance KPI App Guidelines

1.9mb

/metronic8/demo17/../demo17/apps/projects/project.html

Client UAT Testing Results

18kb

/metronic8/demo17/../demo17/apps/projects/project.html

Finance Reports

20mb

Task #45890merged with #45890in “Ads Pro Admin Dashboard project:

Initiated at 4:23 PM by

3 new application design concepts added:

Created at 4:23 PM by

Explore

Explore

Explore

New case #67890is assigned to you in Multi-platform Database Design project

Added at 4:23 PM by

Alice Tan

You have received a new order:

Placed at 5:05 AM by

Database Backup Process Completed!

Login into Admin Dashboard to make sure the data integrity is OK

Proceed

New order #67890is placed for Workshow Planning & Budget Estimation

Placed at 4:23 PM by

Jimmy Bold

View All Activities

Brian Cox

Active

Brian Cox 2 mins

How likely are you to recommend our company to your friends and family ?

5 mins You

Hey there, we’re just writing to let you know that you’ve been subscribed to a repository on GitHub.

Brian Cox 1 Hour

Ok, Understood!

2 Hours You

You’ll receive notifications for all issues, pull requests!

Brian Cox 3 Hours

You can unwatch this repository immediately by clicking here: Keenthemes.com

4 Hours You

Most purchased Business courses during this sale!

Brian Cox 5 Hours

Company BBQ to celebrate the last quater achievements and goals. Food and drinks provided

Demos

Metronic Licenses

License FAQs

Regular License

For single end product used by you or one client

$ 49

Extended License

For single SaaS app with paying users

$ 969

Custom License

Reach us for custom license offers.

Contact Us

Buy Now

Metronic Demos

Metronic Original

Demo 2

Demo 3

Demo 4

Demo 5

Demo 6

Demo 7

Demo 8

Demo 9

Demo 10

Demo 11

Demo 12

Demo 13

Demo 14

Demo 15

Demo 16

Demo 17

Demo 18

Demo 19

Demo 20

Demo 21

Demo 22

Demo 23

Demo 24

Learn & Get Inspired

Support at devs.keenthemes.com

Join our developers community to find answer to your question and help others.

Get Support

Documentation & Videos

From guides and video tutorials, to live demos and code examples to get started.

Plugins & Components

Check out our 300+ in-house components and customized 3rd-party plugins.

Layout Builder

Build your layout, preview it and export the HTML for server side integration.

Metronic Downloads

Download your prefered framework and demo with one click.

What's New ?

Latest features and improvements added with our users feedback in mind.

SunMonTueWedThuFriSat

2526272829301234567891011121314151617181920212223242526272829303112345

:

PM