Eugene Kopyov
My profile
Statistics
2
Switch user
Logout
Dashboard
Form elements
3
Main elements
Wizards
Inputs grid
Components
4
Content components
Bootstrap components
Gallery & thumbs
Content grid
Icons & buttons
Charts & graphs
Messages
Tables
Error pages
6
403 page
404 page
405 page
500 page
503 page
Offline page
Typography
Calendar
File manipulation
Page layouts
3
2 columns
3 columns
Tabbed page
Windows PC
88%
Mac
70%
iPad/iPhone
50%
Windows 8
22%
Main form elements
New tasks
My invoices
Add users
17
Donations
Parameters
General form elements
Link
Dropdown
Favorite it
Reload page
Attach something
Usual input field:
Password:
With placeholder:
Read only field:
Disabled field:
Field with notice:
Some nice stuff goes here
Predefined value:
Field with tooltip on focus:
Field with tooltip on hover:
Max 10 characters:
With icons:
Clickable label:
Info input:
Info help line
Warning input:
Something may have gone wrong
Warning input:
Please correct the error
Success input:
Woohoo!
Predefined width:
Prepend:
@
Append:
Both:
@
Appended buttons:
Go!
Options
Search
Appended dropdowns:
Action
Favorite it
Reload page
Attach something
Action
Favorite it
Reload page
Attach something
Action
Favorite it
Reload page
Attach something
Action
Favorite it
Reload page
Attach something
Textarea:
Elastic textarea:
With character counter:
Field limited to 100 characters.
Tags:
HTML5 inputs
Datetime:
Datetime local:
Date:
Month:
Time:
Week:
Number:
Email:
Url:
Search:
Tel:
Masked inputs
Date:
99/99/9999
Phone:
(999) 999-9999
Phone + Ext:
(999) 999-9999? x99999
Int'l Phone:
+33 999 999 999
Tax ID:
99-9999999
SSN:
999-99-9999
Product Key:
a*-999-a999
Eye Script:
~9.99 ~9.99 999
Purchase Order:
aaa-999-***
Percent:
99%
Selects, dropdowns
Typeahead:
Autocomplete:
Unstyled select:
Usual select box
Option 2
Option 3
Option 4
Option 5
Option 6
Option 7
Option 8
Styled select:
Usual select box
Option 2
Option 3
Option 4
Option 5
Option 6
Option 7
Option 8
Fixed select:
Cambodia
Cameroon
Canada
Cape Verde
Liquid select:
Cambodia
Cameroon
Canada
Cape Verde
Full width select:
Cambodia
Cameroon
Canada
Cape Verde
Select (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
Bootstrap dropdowns:
Regular link
Regular link
Dropdown
Favorite it
Reload page
Attach something
Disabled link
Bootstrap dropdowns:
Regular link
Regular link
Dropdown
Favorite it
Reload page
Attach something
Disabled link
Stacked pills:
Regular link
Regular link
Dropdown
Favorite it
Reload page
Attach something
Disabled link
Stacked tabs:
Regular link
Regular link
Dropdown
Favorite it
Reload page
Attach something
Disabled link
Nav list:
List header
Home
Library
Applications
Another list header
Profile
Settings
Help
Multiple selects :
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
Checkboxes, radios etc.
Toggle checkbox:
Checked
Unchecked
Disabled
Toggle radio:
Checked
Unchecked
Disabled
On/Off checkbox:
Checked
Unchecked
Disabled
On/Off radio:
Checked
Unchecked
Disabled
Yeah/Nope:
Checked
Unchecked
Disabled
Enable/Disable:
Checked
Unchecked
Disabled
Label position:
Left position
Right position
Unstyled checkbox:
Checked
Unchecked
Disabled
Unstyled radio :
Checked
Unchecked
Disabled
Styled checkbox:
Checked
Unchecked
Disabled
Styled radio :
Checked
Unchecked
Disabled
Horizontal :
Option one is this and that
Be sure to include why it's great
Check one of these option
Or check this one
File inputs :
Default spinner:
Decimal:
English
German
Japanese
Currency:
US $
EUR €
YEN ¥
Overflow:
Inline data (links):
English
German
Form related buttons
Loading state, single toggle:
Loading state
Single Toggle
Radio buttons:
Left
Middle
Right
Checkbox buttons:
Left
Middle
Right
Submit
Cancel
Reset
Left aligned buttons
Right aligned buttons
Submit
Cancel
Reset
WYSIWYG editor
Some cool stuff here
Dropdown styling
Basic dropdown
Action
Another action
Something else here
Another action
Submenu
Action
Another action
Something else here
Separated link
With form elements
Checkbox
Checked radio
Unchecked radio
Action
Icons support
Action
Another action
Something else here
Another action
Submenu
Action
Another action
Something else here
Separated link
Other elements
Submit
Cancel
Label
Default
Dual selects with filter
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
Default form
Input field
Input field
Checkboxes
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:
1
2
3
Textarea:
Tags:
Submit
Cancel
Reset
Horizontal form
Input field
Password field
Checkboxes
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:
1
2
3
Textarea:
Submit
Cancel
Reset
Inline form
This is help note
Unchecked
Unchecked
Usual select box
Option 2
Option 3
Option 4
Option 5
Option 6
Option 7
Option 8
Sign in
Label position
Left position (default):
Right position:
Form without background
Left label position (default):
Left label position (default):
Bootstrap validation
Usual field:
*
With minimum chars:
*
With maximum chars:
*
With minimum num:
*
With maximum num:
*
With range:
*
Email field:
*
URL field:
*
Date field:
*
Digits only:
*
Custom error message:
*
Enter password:
*
Repeat password:
*
Something from checks:
*
Accept terms?
Current balance:
$15,859
10,14,8,45,23,41,22,31,19,12, 28, 21, 24, 20
Total clicks:
345k+
59,56,28,39,46,29,48,10,45,70,23,32,35,14
Support tickets:
+1,490
20,15,41,18,32,21,28,26,34,37,10,20,24,28
Action button
Action button
Action button
Action button
Usual select box
Option 2
Option 3
Option 4
Option 5
Option 6
Option 7
Option 8
Cambodia
Cameroon
Canada
Cape Verde
Checkbox checked
Unchecked radio
Checked radio