Patina

Command Palette

Search for a command to run...

Sign inGet Pro

Inputs

21 primitives

Default text input

Input with label

Input with helper text

This will be visible to everyone

Input with error state

Must be at least 3 characters

Disabled input

Input with icon

Search input with icon

Small input

Large input

Text Input

free

Accessible text input with label, error, and helper text.

View details

Email Input

free

Email input with validation and autocomplete.

View details

Must be at least 8 characters

Password Input

free

Password input with show/hide toggle.

View details

Must be between 0 and 120

Number Input

free

Numeric input with min/max support.

View details

Include country code

Tel Input

free

Phone number input with autocomplete.

View details

Include https://

URL Input

free

URL input with validation.

View details

0/200 characters

Textarea

free

Multi-line text input with resize support.

View details

Choose your preferred size

Select

free

Native select dropdown with options.

View details

We'll never share your birthday

Date Input

free

Native date picker input.

View details

Select your preferred time

Time Input

free

Native time picker input.

View details

Pick a date and time for your event

Datetime Input

free

Native datetime picker input.

View details

Enter the 6-digit code sent to your email

OTP Input

free

One-time password input with auto-focus.

View details
Tech stack
reacttypescripttailwind

Tag Input

free

Chip-style multi-value input with keyboard support.

View details

Click to upload or drag and drop

image/*

File Upload

free

Drag-drop zone with click-to-browse fallback.

View details

URL prefix

https://

Currency prefix

$

Search with icon

Copy button suffix

Email domain suffix

@patina.dev

Email with action

URL with icon

Input Group

free

Input with prefix/suffix addons like icons, text, or buttons.

View details
$

Enter a dollar amount

€
$

Input Currency

free

Currency input with $ prefix and numeric formatting.

View details

Native Select

free

Styled native select dropdown that matches theme tokens.

View details

Default date picker

With label

Disabled state

With preselected date

Today's date is preselected

Custom placeholder

With selection feedback

Selected: 11/5/2026

Date Picker

free

Text field with popover calendar for date selection.

View details

Default phone input

Phone input with label

We'll only use this for account recovery

Phone input with error

Invalid phone number

Phone Input

free

Country code selector with formatted national number input.

View details

Default autocomplete

Autocomplete with label

Search for a Patina component

Autocomplete with error

Please select a valid component

Autocomplete

free

Input with filtered listbox, keyboard navigation, and ARIA support.

View details