Aurora UI Inputs

Flexible and customizable input components for modern web applications

Simple Input

Basic text input with label and placeholder.

Your unique username

Icon Input

Text input with leading and trailing icons.

Search for anything

Textarea Input

Multi-line text input with auto-resize capability.

Write a detailed description

Search Input

Input designed for search with clear button and suggestions.

Password Input

Secure input with visibility toggle and strength indicator.

Use at least 8 characters with a mix of letters, numbers & symbols

Animated Input

Input with animation effects for better user experience.

Your unique username

Number Input

Input for numerical values with increment/decrement controls.

Select quantity between 0 and 100

File Input

Modern file upload input with drag and drop support.

Drag and drop files here, or click to select files

Max size: 5MB

Supported formats: JPG, PNG, PDF (max 5MB)

Image Gallery Input

Input for selecting multiple images with preview.

0 / 9

Add stunning visuals

Drag and drop images or click to browse

JPGPNGGIFWebP

Audio Input

Input for selecting multiple audio files with preview.

Add audio tracks

Drag and drop audio files or click to browse

MP3WAVOGGFLAC

Video Input

Input for selecting multiple video files with preview.

Upload your videos

Drag and drop video files or click to browse

MP4WebMMOVAVI

Date & Time Input

Date and time picker input with calendar interface.

Select your preferred date and time

Color Input

Color picker input with palette and custom color options.

Choose a color from the palette or pick a custom color

Range Input

Slider input for selecting values within a range.

50%

Adjust the volume level

Autocomplete Input

Input with suggestion dropdown and smart completion.

Select your country from the list

Tag Input

Input for adding multiple tags or selections.

React
NextJS
TailwindCSS

Add technologies you're familiar with

3/10

OTP Input

One-time password input for verification codes.

Enter the 6-digit code sent to your phone (try "123456")

Phone Input

International phone number input with country code selection.

Enter a valid phone number with country code