Inputs

12 input variations — states, floating labels, prefixes, sizes, selects, toggles, and more.

12 Elements

01

Input States

Default

Email address

We'll never share your email.

Focused

Email address

Simulated focus state.

Disabled

Email address

Cannot be edited.

Read-only

Username

Selectable, not editable.

Success

Username

Username is available!

Error

Password

Password must be at least 8 characters.

02

Floating Labels

Full name

Email address

Phone number

Company

Street address

03

Input Groups — Prefix & Suffix

Website URL

https://

Twitter / X handle

@

Price

$ USD

Email with icon

Search with button

Invite teammate

Password with toggle

04

Input Sizes

Small

Default

Large

Textarea

Textarea resizable

05

Select Inputs

Country

Time zone

Select with group

Multi-select

Hold Ctrl / Cmd to select multiple.

06

Range Sliders

Volume 65%

Price range $250

$0$1,000

Rating threshold 3.5 ★

07

Toggle Switches

Notifications

Email notifications

Push notifications

SMS alerts

Marketing emails

Privacy & Security

Two-factor auth

Public profile

Show online status

Activity tracking

08

Checkbox Groups

Permissions

Read access Write access Delete records Admin panel Manage billing

Choose your interests

Design

UI/UX, branding, motion

Development

Frontend, backend, DevOps

Marketing

SEO, ads, growth hacking

Analytics

Data, reporting, insights

09

Radio Groups

Billing cycle

Monthly Quarterly Annual Save 20%

Choose a plan

Starter

Up to 3 projects · 5 GB storage

Free

Pro Popular

Unlimited projects · 100 GB storage

$12/mo

Enterprise

Custom · SSO · SLA · Dedicated support

Contact us

10

File Upload

Upload files

Drop files here or browse

PNG, JPG, PDF up to 10 MB

Profile photo

Click icon to change

Attachment

Max size: 5 MB

11

Stepper, Date & Color

Quantity

Date picker

Time picker

Date & time

Accent color

Month picker

12

Input Masks & Formatted Fields

Phone number

🇺🇸 +1

Credit card

SSN (masked)

Currency input

$ USD

ZIP / Postal code

URL slug

yoursite.com/

PIN / OTP code

Enter the 6-digit code sent to your phone.