Input Styles

Polished form controls — underline fields, floating labels, OTP boxes, toggles and more.

15 components

Underline Input

Borderless input with animated bottom-line on focus.

minimalDetails

Floating Label

Label floats above the field when focused or filled.

materialDetails

Glass Input

Frosted glass input with blur and translucent fill.

glassDetails

Neon Focus

Input with bright neon glow on focus.

neonDetails

Gradient Border

Input with animated gradient border using pseudo-element.

gradientDetails

Search Bar

Full-width search bar with icon and clear button.

searchDetails

OTP Input

6-digit OTP / PIN entry with single-char inputs.

codeDetails

Dark Solid

Solid dark input with strong contrast — clean for dark UIs.

darkDetails

Pill Input

Fully rounded pill-shaped input — soft and modern.

roundedDetails

Styled Textarea

Dark multi-line textarea with focus ring.

textareaDetails

Custom Checkbox

CSS-only custom styled checkbox with animated checkmark.

toggleDetails

Toggle Switch

Smooth animated toggle switch — pure CSS.

toggleDetails

Range Slider

Custom styled range input with brand accent color.

rangeDetails

Custom Select

Custom styled select dropdown on dark background.

selectDetails

File Upload

Drag-and-drop styled file upload zone.

uploadDetails