Switcher

Theme Color Mode:

Directions:

Navigation Styles:

Vertical & Horizontal Menu Styles:

Sidemenu Layout Styles:

Page Styles:

Layout Width Styles:

Menu Positions:

Header Positions:

Loader:

Menu Colors:

Note:If you want to change color Menu dynamically change from below Theme Primary color picker

Header Colors:

Note:If you want to change color Header dynamically change from below Theme Primary color picker

Theme Primary:

Theme Background:

Menu With Background Image:

Buy Now Our Portfolio Reset
img
5

Cart Items

5 Items
Proceed to checkout
Your Cart is Empty
Add some items to make me happy :) continue shopping

Notifications

5 Unread
View All
No New Notifications

Related Apps

View All

Form Select

Choices:
Multiple Select

Default

With Remove Button

Option groups

Passing Through Options
Options added via config with no search
Single Select

Default

Option groups

Email Address Only
Passing Unique Values
Default Select 
<select class="form-select" aria-label="Default select example">
    <option selected>Open this select menu
    </option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>
Disabled Select 
<select class="form-select" aria-label="Disabled select example" disabled="">
    <option selected="">Open this select menu</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>
Rounded Select 
<select class="form-select rounded-pill" aria-label="Default select example">
    <option selected>Open this select menu
    </option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>
Multiple Attribute Select 
<select class="form-select" multiple="" aria-label="multiple select example">
    <option selected="">Open this select menu</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>
Using Size Attribute 
<select class="form-select" size="4" aria-label="size 3 select example">
    <option selected="">Open this select menu</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
    <option value="5">Five</option>
</select>
Select Sizes 
<select class="form-select form-select-sm mb-3" aria-label=".form-select-sm example">
    <option selected="">Open this select menu</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select><select class="form-select mb-3" aria-label="Default select">
    <option selected>Open this select menu
    </option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>
<select class="form-select form-select-lg"
    aria-label=".form-select-lg example">
    <option selected="">Open this select menu</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>