Basic Elements

Base style
We'll never share your email with anyone else.
Loading...
States
Success! You've done it.
Sorry, the image must be at least 300×300.
Sizes

Labels

Floating label
States
Sorry, that password isn't right.

Selects
States
Please select your state.
Sizes

Checkboxes
Reduces the number of fields required to check out. The billing address can still be edited.
This is a help text to guide users to explain the choice you will be making.
Can't update your setting, please try again.

Radios
This is a help text to guide users to explain the choice you will be making.
Can't update your setting, please try again.

Switcher

Default
Disabled
Success
Danger
Switcher radio
Toggle radio #1
Toggle radio #2
Sizing & labels
Large size
Label icon
Large + label
Label text

Rating

Support all icons and colors provided by Looper
Default rating
Readonly
Use heart icon
Another icon
Toggleable single element
Sizes
Small
Large

Visual Picker

Radio buttons, checkboxes, or links that are visually enhanced.

Credit Card
My Wallet
Paypal

Fluid width

Visual radio with small size

Accounts
My Wallet
Teams
Help Center

Your plan

Started
Professional
Bussiness

Publisher

Advanced longform text input form element.


Prepended inputs
http://
Appended inputs

Can do what prepended inputs does.

Cool! that is a great name.
Loading...
$ / month
Both inputs
@domain.com
@domain.com

Validations

Provide valuable, actionable feedback to your users with HTML5 form validation. Choose from the browser default validation feedback, or implement custom messages with our built-in classes and starter JavaScript.

Billing address

Valid first name is required.
Valid last name is required.
Your username is required.
Please enter a valid email address for shipping updates.
Please enter your shipping address.
Please select a valid country.
Please provide a valid state.
Zip code required.


Payment

Full name as displayed on card
Name on card is required
Credit card number is required
Expiration date required
Security code required

Feedback tooltip

Looks good!
Looks good!
Please choose a username.
Please select a valid country.
Please provide a valid state.
Zip code required.
You must agree before submitting.