Toggle navigation
Toggle sidebar
Eugene Kopyov
Profile
Tasks
Settings
Logout
Updates
15
Messages
7
Notifications
Support tickets
9
Statistics
User list
Billing panel
Dashboard
Graphs and charts
Form components
Form components
Form validation
WYSIWYG editor
Form layouts
Inputs grid
Multiple file uploader
Interface components
Visuals & notifications
Navs & navbars
Panels
Icons
190
Buttons
Content grid
Typography
Gallery
Tables
Static tables
Data tables
Custom tables
Advanced data tables
Calendar
Error pages
6
403 page
404 page
405 page
500 page
503 page
Website is offline
Blank pages
6
Fixed navbar
Static navbar
Collapsed sidebar
Full width page
Form components
Bootstrap form components
Action
Another action
Something else here
One more line
52
new pending tasks
520
pending orders
14
new opened tickets
48
new user registrations
Form elements
×
Default form components, including bootstrap additions and tags
Default text input:
Password:
Input with placeholder:
Read only field:
Disabled field:
Input sizing:
Form helpers:
Left aligned helper
Centered helper
Right aligned helper
Left aligned label
Centered label
Right aligned label
Predefined value:
Tooltip on focus:
Tooltip on hover:
Disabled autocomplete:
Maximum value:
Focus on label click:
With icons:
Warning icon input:
Success icon input:
Error icon input:
Warning input:
Warning input:
Error input:
Group addons:
@
.00
$
.00
With buttons:
Go!
Go!
With dropdowns:
Action
Action
Another action
Something else here
One more line
Action
Action
Another action
Something else here
One more line
Segmented buttons:
Action
Action
Another action
Something else here
One more line
Action
Action
Another action
Something else here
One more line
Input group sizing:
@
@
@
Checkbox and radio addons:
Textarea:
Elastic textarea:
Character counter:
Field limited to 100 characters.
Tags:
Tags with autocomplete:
Submit
Styled form components
×
Styled form components: checkboxes, radios, file inputs
Stacked checkboxes/ radios:
Option one is this and that—be sure to include why it's great
Option two can be something else and selecting it will deselect option one
Option one is this and that—be sure to include why it's great
Option two can be something else and selecting it will deselect option one
Inline checkboxes/ radios:
Checked
Unchecked
Disabled
Unchecked
Checked
Disabled
Styled file input:
Submit
Unstyled form components
×
Native browser design of form components
Stacked checkboxes/ radios:
Option one is this and that—be sure to include why it's great
Option one is this and that—be sure to include why it's great
Option two can be something else and selecting it will deselect option one
Inline checkboxes/ radios:
1
2
3
1
2
3
File uploader:
Single select:
Usual select box
Option 2
Option 3
Option 4
Option 5
Option 6
Option 7
Option 8
Usual select box
Option 2
Option 3
Option 4
Option 5
Option 6
Option 7
Option 8
Usual select box
Option 2
Option 3
Option 4
Option 5
Option 6
Option 7
Option 8
Multiple select:
Amsterdam
Atlanta
Baltimore
Boston
Buenos Aires
Calgary
Chicago
Denver
Dubai
Frankfurt
Hong Kong
Honolulu
Houston
Kuala Lumpur
London
Los Angeles
Melbourne
Mexico City
Miami
Minneapolis
Submit
Multiselect
×
Multiselect plugin, based on bootstrap button groups and dropdowns
Multiple select:
Cambodia
Cameroon
Canada
Cape Verde
Single select:
Cambodia
Cameroon
Canada
Cape Verde
Select All option:
Cambodia
Cameroon
Canada
Cape Verde
Disabled:
Cambodia
Cameroon
Canada
Cape Verde
With selected values:
Cambodia
Cameroon
Canada
Cape Verde
With disabled values:
Cambodia
Cameroon
Canada
Cape Verde
onChange event:
Cambodia
Cameroon
Canada
Cape Verde
Themed button:
Cambodia
Cameroon
Canada
Cape Verde
Right aligned dropdown:
Cambodia
Cameroon
Canada
Cape Verde
Using "data-role" attribute:
Cambodia
Cameroon
Canada
Cape Verde
Optgroups:
Lab Course
Proseminar
Analysis
Linear Algebra
Intro to Programming
Automata Theory
Selects
×
Select2 plugin: standard styled selects, select with search and multiple selects
Fixed select:
Cambodia
Cameroon
Canada
Cape Verde
Liquid select:
Cambodia
Cameroon
Canada
Cape Verde
Full width select:
Cambodia
Cameroon
Canada
Cape Verde
Select with optgroups:
Alaska
Hawaii
California
Nevada
Oregon
Washington
Arizona
Colorado
Idaho
Montana
Nebraska
New Mexico
North Dakota
Utah
Wyoming
Alabama
Arkansas
Illinois
Iowa
Kansas
Kentucky
Louisiana
Connecticut
Delaware
Florida
Georgia
Indiana
Maine
Maryland
Massachusetts
Select with search:
Cambodia
Cameroon
Canada
Cape Verde
Disabled select:
Cambodia
Cameroon
Clear results:
Cambodia
Cameroon
Canada
Cape Verde
Cayman Islands
Central African Republic
Chad
Chile
China
Christmas Island
Cocos (Keeling) Islands
Colombia
Comoros
Congo
Congo, The Democratic Republic of The
Cook Islands
Costa Rica
Cote D'ivoire
Croatia
Cuba
Cyprus
Czech Republic
Denmark
Select with minimum:
Cambodia
Cameroon
Canada
Cape Verde
Cayman Islands
Central African Republic
Chad
Chile
China
Christmas Island
Cocos (Keeling) Islands
Colombia
Comoros
Congo
Congo, The Democratic Republic of The
Cook Islands
Costa Rica
Cote D'ivoire
Croatia
Cuba
Cyprus
Czech Republic
Denmark
Multiple with search:
Dallas Cowboys
New York Giants
Philadelphia Eagles
Washington Redskins
Chicago Bears
Detroit Lions
Green Bay Packers
Minnesota Vikings
Atlanta Falcons
Carolina Panthers
New Orleans Saints
Tampa Bay Buccaneers
Arizona Cardinals
St. Louis Rams
San Francisco 49ers
Seattle Seahawks
Buffalo Bills
Miami Dolphins
New England Patriots
New York Jets
With maximum input:
Dallas Cowboys
New York Giants
Philadelphia Eagles
Washington Redskins
Chicago Bears
Detroit Lions
Green Bay Packers
Minnesota Vikings
Atlanta Falcons
Carolina Panthers
New Orleans Saints
Tampa Bay Buccaneers
Arizona Cardinals
St. Louis Rams
San Francisco 49ers
Seattle Seahawks
Buffalo Bills
Miami Dolphins
New England Patriots
New York Jets
Minimum characters:
Dallas Cowboys
New York Giants
Philadelphia Eagles
Washington Redskins
Chicago Bears
Detroit Lions
Green Bay Packers
Minnesota Vikings
Atlanta Falcons
Carolina Panthers
New Orleans Saints
Tampa Bay Buccaneers
Arizona Cardinals
St. Louis Rams
San Francisco 49ers
Seattle Seahawks
Buffalo Bills
Miami Dolphins
New England Patriots
New York Jets
Disabled state:
Dallas Cowboys
New York Giants
Philadelphia Eagles
Washington Redskins
Chicago Bears
Detroit Lions
Green Bay Packers
Minnesota Vikings
Masked inputs
×
All masked fields are controlled by
data-mask
property, no JS code required.
Date:
99/99/9999
Phone:
(999) 999-9999
Phone + Ext:
(999) 999-9999 / x99999
International format:
+39 999 999 999
Tax ID:
99-9999999
SSN:
999-99-9999
Product key:
a*-999-a999
Purchase order:
aaa-999-***
Percentage:
99%
Dual selects
x
2008-2009 "Mini" Baja
AAPA - Asian American Psychological Association
Agape
AGE-Alliance for Graduate Excellence
AICHE (American Inst of Chemical Engineers)
AIDS Sensitivity Awareness Project ASAP
Aikido Club
Akanke
>
>>
<
<<
x
Academy of Film Geeks
Accounting Association
ACLU
Active Minds
Activism with A Reel Edge (A.W.A.R.E.)
Adopt a Grandparent Program
Africa Awareness Student Organization
African Diasporic Cultural RC Interns
Advanced inputs
×
These inputs are mostly for mobile devices. They open a necessary keyboard on iPhone/iPad. And in most cases are useless on desktop pc's
Datetime:
Datetime local:
Date:
Month:
Time:
Week:
Number:
Email:
URL:
Search:
Tel: