General

General form-control live preview. You can copy our examples and paste them into your project!

Form Layouts

Inline form
Block styled form
Horizontal form

Form Sizing

Input size
No label form

Floating labels New

Input
Select and textarea

Input Groups

Icons Addons
.00
@
Buttons Addons
Checkboxes and radio addons
Dropdowns Addons

Validation

Validation States
Looks good!
Looks good!
@
Please choose a username.
Please provide a valid city.
Please select a valid state.
Please provide a valid zip.
You must agree before submitting.

Form elements

Default state
We'll never share your email with anyone else.
Disabled
We'll never share your email with anyone else.
Nifty
Pages
Profile Search Result FAQ Screen Lock Maintenance Invoices Disabled Item
Mailbox
Inbox 14 Read Messages Compose Template
News
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic dolore unde autem, molestiae eum laborum aliquid at commodi cum? Blanditiis.
Data Backup 40%
Current usage of disks for backups.
Support Have any questions ? please don't hesitate to ask.
Security Our devices are secure and up-to-date.
Location From our location up here, we kept in close touch.
thumbnails
thumbnails
thumbnails
thumbnails
Browse Gallery
Notifications
Your storage is full Local storage is nearly full.
Writing a New Article Wrote a news article for the John Mike
Comment sorting NEW
You have 1,256 unsorted comments.
Profile Picture
Lucy Sent you a message 30 minutes ago
Profile Picture
Jackson Sent you a message 1 hours ago
Show all Notifications
Profile Picture
Aaron Chavez
aaron_chavez@example.com

17

New orders

You have new orders
Today Earning $578
Tax - $28
Total Earning $6,578
Messages 14 Profile Settings Lock screen Logout

Background Images

Add an image to replace the solid background color
Blurred
Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image
Polygon & Geometric
Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image
Abstract
Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image Background Image

Layouts

Layouts
Transitions
Header
Additional Offcanvas

Select the offcanvas placement.

Sidebars

Navigation
Sidebar

Colors

Modes
Color Schemes
Expanded Header
Fair Header
Full Header
Primary Nav
Brand
Tall Header
Miscellaneous
Scrollbars

Hides native scrollbars and creates custom styleable overlay scrollbars.

Offcanvas Header
Content Here

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente eos nihil earum aliquam quod in dolor, aspernatur obcaecati et at. Dicta, ipsum aut, fugit nam dolore porro non est totam sapiente animi recusandae obcaecati dolorum, rem ullam cumque. Illum quidem reiciendis autem neque excepturi odit est accusantium, facilis provident molestias, dicta obcaecati itaque ducimus fuga iure in distinctio voluptate nesciunt dignissimos rem error a. Expedita officiis nam dolore dolores ea. Soluta repellendus delectus culpa quo. Ea tenetur impedit error quod exercitationem ut ad provident quisquam omnis! Nostrum quasi ex delectus vero, facilis aut recusandae deleniti beatae. Qui velit commodi inventore.