Theme Settings
Style 1
Style 2
Style 3
Style 4
Style 5
Style 6
Menu placement
Left
Top
Menu status
Always opened
Open on hover
Boxed layout
Search
Search
Notifications
User Notifications
23 new notifications
New order has been received
2 hrs ago
New order has been received order has been received order has been received
2 hrs ago
New order has been received has been received
2 hrs ago
New order has been received
2 hrs ago
New order has been received
2 hrs ago
New order has been received order has been received order has been received
2 hrs ago
New order has been received has been received
2 hrs ago
New order has been received
2 hrs ago
New order has been received
2 hrs ago
New order has been received order has been received order has been received
2 hrs ago
New order has been received has been received
2 hrs ago
New order has been received
2 hrs ago
New order has been received
2 hrs ago
New order has been received order has been received order has been received
2 hrs ago
New order has been received has been received
2 hrs ago
New order has been received
2 hrs ago
New order has been received
2 hrs ago
New order has been received order has been received order has been received
2 hrs ago
New order has been received has been received
2 hrs ago
New order has been received
2 hrs ago
New order has been received
2 hrs ago
See all notifications
User Name
Action
Another action
Action
Another action
Action
Another action
Something else here
English
Türkçe
German
Greek
Italian
Japanese
Dashboard
Main Dashboard
Alternate Dashboard
Landing Dashboard
Components
Alerts
Badges
Borders
Breadcrumbs
Buttons
Button Group
Cards
Carousel
Collapse
Dropdowns
List Groups
Modals
Pagination
Progress
Navs & Tabs & Pills
Tooltips & Popovers
Libraries
CustomScroll
JsTree
Toastr
Sweet Alert
Custom Pages
Error Pages
Error Page 401
Error Page 403
Error Page 404
Error Page 500
Forms
Controls
Base Inputs
Base Inputs
Forms
Controls
Base Inputs
Primary
Secondary
Success
Forms - Base Inputs
Datepicker
DateRangepicker
StartDate
EndDate
Refresh
Overview
Email address
We'll never share your email with anyone else.
Password
Check me out
Submit
Form Controls
Email address
Example select
1
2
3
4
5
Example multiple select
1
2
3
4
5
Example textarea
File Inputs
Example file input
Sizing
Large select
Default select
Small select
Read Only
Email
Password
Email
Password
Email
Password
Confirm identity
Range Inputs
Example Range input
Checkboxes and Radios
Default checkbox
Disabled checkbox
Default radio
Second default radio
Disabled radio
1
2
3 (disabled)
1
2
3 (disabled)
Form Groups
Example label
Another label
Form Grid
Form Row
More complex layouts can also be created with the grid system.
Email
Password
Address
Address 2
City
State
Choose...
...
Zip
Check me out
Sign in
Horizontal Form
Email
Password
Radios
First radio
Second radio
Third disabled radio
Checkbox
Example checkbox
Sign in
Horizontal form label sizing
Email
Email
Email
Column sizing
Auto-sizing
Name
Username
M
Remember me
Submit
Name
Username
M
Remember me
Submit
Custom Controls
Preference
Choose...
One
Two
Three
Remember my preference
Submit
Inline Forms
Name
Username
M
Remember me
Submit
Preference
Choose...
One
Two
Three
Remember my preference
Submit
Help text
Password
Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji.
Password
Must be 8-20 characters long.
Disabled forms
Disabled input
Disabled select menu
Disabled select
Can't check this
Submit
Validation
First name
Looks good!
Last name
Looks good!
Username
M
Please choose a username.
City
Please provide a valid city.
State
Please provide a valid state.
Zip
Please provide a valid zip.
Agree to terms and conditions
You must agree before submitting.
Submit form
Browser Defaults Validation
First name
Last name
Username
M
City
State
Zip
Agree to terms and conditions
Submit form
Server Side Validation
First name
Looks good!
Last name
Looks good!
Username
M
Please choose a username.
City
Please provide a valid city.
State
Please provide a valid state.
Zip
Please provide a valid zip.
Agree to terms and conditions
You must agree before submitting.
Submit form
Supported Elements
Textarea
Please enter a message in the textarea.
Check this custom checkbox
Example invalid feedback text
Toggle this custom radio
Or toggle this other custom radio
More example invalid feedback text
Open this select menu
One
Two
Three
Example invalid custom select feedback
Choose file...
Example invalid custom file feedback
Tooltips Validation
First name
Looks good!
Last name
Looks good!
Username
M
Please choose a unique and valid username.
City
Please provide a valid city.
State
Please provide a valid state.
Zip
Please provide a valid zip.
Submit form
Custom forms
Check this custom checkbox
Toggle this custom radio
Or toggle this other custom radio
Toggle this custom radio
Or toggle this other custom radio
Check this custom checkbox
Toggle this custom radio
Toggle this switch element
Disabled switch element
Open this select menu
One
Two
Three
Open this select menu
One
Two
Three
Open this select menu
One
Two
Three
Open this select menu
One
Two
Three
Open this select menu
One
Two
Three
Example range
Example range
Example range
Choose file