Form Elements
Text inputs, selects, checkboxes, radio buttons, switches, file uploads, validation states, floating labels, input groups, and form layouts.
Text Inputs
Standard, placeholder, disabled, and readonly text inputs.
Input Sizes
Small, normal, and large input variants.
Input with Addons
Prefix, suffix, both, button addon, and dropdown addon.
Textarea
Standard multi-line text input.
Maximum 500 characters.
Select Dropdown
Basic select and multi-select inputs.
Hold Ctrl/Cmd to select multiple.
Checkboxes
Standard, inline, and disabled checkbox variants.
Standard
Inline
Disabled
Radio Buttons
Standard, inline, and disabled radio variants.
Standard
Inline
Disabled
Switch / Toggle
Custom toggle switches for boolean settings.
File Upload
Default file input and custom styled drag-and-drop zone.
Default
Custom Styled
Range / Slider
Range input with min/max and live value display.
Input with Icons
Input fields with icons inside for search, email, and password.
Floating Labels
Labels that float above the input on focus or when filled.
Validation States
Success and error states with helper messages.
Looks good!
Please enter a valid email address.
Password is too weak. Add numbers or symbols.
Horizontal Form
Labels on the left, inputs on the right.
Input Groups
Currency prefix, percentage suffix, and combined addon+input+button.
Form Grid
Multi-column form layout with responsive grid.
Help Text
Inputs with descriptive help text below.
Your username must be 3-20 characters long and can only contain letters, numbers, and underscores.
Must be at least 8 characters with one uppercase letter, one number, and one special character.
Include the full URL with protocol (https://).