Inputs

Form controls for collecting user data with various styles and states.

Basic Input

Basic Input

Input with Icon

Input with Icon

Password Input

Password Input

Floating Label Input

Floating Label Input

Pill-shaped Input

Pill-shaped Input

Underlined Input

Underlined Input

Material Design Input

Material Design Input

Suggestions Input

Suggestions Input

Tags Input

Tags Input

React
Next.js

Press Enter to add a tag, Backspace to remove the last tag

Autocomplete Input

Autocomplete Input

Search Input

Search Input

Input States & Validation

Input States & Validation

Outlined Input

Outlined Input

Date Time Input

Date Time Input

Textarea Input

Textarea Input

Character Counter Input

Character Counter Input

0/10

Masked Input

Masked Input

Gradient Border Input

Gradient Border Input

Animated Border Input

Animated Border Input

Range Input

Range Input

50

Color Picker Input

Color Picker Input

OTP Input

OTP Input

File Upload Input

File Upload Input

Drop files here or click to browse

Accepted formats: image/*

Rich Text Input

Rich Text Input

Emoji Picker Input

Emoji Picker Input

Voice Input

Voice Input

Special Inputs

Special Inputs