Form
Inputs
Email address
Number
Password
Search
Telephone number
Text
Text (Disabled)
Text (Small)
Text (Large)
URL
Color
Color
Color
Date
Date / Time local
Month
Week
Time
Time
Email address
Time
Email address
Time
Email address
Textarea
Message
File Inputs
Avatar (Large)
Avatar
Files
Disabled Range
Your Rating
Range
Your rating (disabled)
Selects
Front-end Frameworks (Small)
React
Vue
Svelte
Ember
Front-end Frameworks
React
Vue
Svelte
Ember
Front-end Frameworks
React
Vue
Svelte
Ember
Front-end Frameworks (Large)
React
Vue
Svelte
Ember
Front-end Frameworks (Multiple)
React
Vue
Svelte
Ember
Radio (Vertical)
React
Vue
Svelte
Ember
Radio (Horizontal)
React
Vue
Svelte
Ember
Aliquam sit amet suscipit orci. Sed mi ligula, auctor cursus lobortis in, venenatis quis elit. Praesent sit amet ex sagittis ante faucibus egestas ac sit amet tellus. Donec id massa eget urna fermentum dignissim vitae eget ex. Sed euismod leo urna, et suscipit nisl fringilla id.
Checkbox
React
Vue
Svelte
Ember
Aliquam sit amet suscipit orci. Sed mi ligula, auctor cursus lobortis in, venenatis quis elit. Praesent sit amet ex sagittis ante faucibus egestas ac sit amet tellus. Donec id massa eget urna fermentum dignissim vitae eget ex. Sed euismod leo urna, et suscipit nisl fringilla id.
Aliquam sit amet suscipit orci. Sed mi ligula, auctor cursus lobortis in, venenatis quis elit. Praesent sit amet ex sagittis ante faucibus egestas ac sit amet tellus. Donec id massa eget urna fermentum dignissim vitae eget ex. Sed euismod leo urna, et suscipit nisl fringilla id.
Checkbox (Sizes)
React
Vue
Svelte
Ember
Custom Checkbox
I accept the
privacy policy
.
Switches
Enable notifications
Aliquam sit amet suscipit orci. Sed mi ligula, auctor cursus lobortis in, venenatis quis elit. Praesent sit amet ex sagittis ante faucibus egestas ac sit amet tellus. Aliquam sit amet suscipit orci. Sed mi ligula, auctor cursus lobortis in, venenatis quis elit. Praesent sit amet ex sagittis ante faucibus egestas ac sit amet tellus.
Enable notifications
Enable notifications
Form Group Row
First Name
Just a help text for presentation purpose
Front-end Frameworks
React
Vue
Svelte
Ember
Radio (Horizontal)
React
Vue
Svelte
Ember
Form Group Stacked
Submit
$
.00
.00
$
.00
Validation
Street Address
Looks fine
City
Not that fine
State
Zip