Password Input Components

Dev Design Library indexes 25 password input components from 19 open-source UI libraries, with the most coming from sv-particles, Arc Library, LocalMode, Origin UI and UI Lab. Each one links to its page with the source code, a live preview where available, the library license and the install command. Password input components belong to the Inputs group.

• Password InputChakra UI · ReactUsed to collect passwords.
• Comp 23Origin UI · React
• Password InputArk UI · ReactA component that allows users to enter secure text like (passwords and api keys)
• Button VisibilityAmicro Micro Transitions · React
• Password InputRare UI · ReactA password field with an eye toggle to show or hide what you type, and a strength meter that shows the password level…
• Password StrengthSpectrum UI · ReactA password input with an animated four-segment strength meter, crossfading strength label, requirements checklist with…
• Label InputSpell UI · ReactInput field with floating label and password visibility toggle.
• Password Field InputOpenSourceUI · React
• Password MeterKinetics · HTML/CSSSegments fill and shift color as strength climbs
• Spell Label InputAnimations (Svelte) · Svelte
• Password InputNexvyn UI · ReactA password input with an animated eye toggle that follows your cursor and blinks periodically.
• Password InputShark UI · ReactA field for entering secure text.
• Secure InputAI CSS · React
• Password fieldArc Library · ReactCapture sensitive text with a visible reveal control.
• Eye ToggleUI Lab · ReactThe eye shuts when your password is hidden and watches while you type.
• Encrypted Vault BlockLocalMode · ReactA passphrase-locked, end-to-end encrypted item store driven by useEncryptedVault — AES-GCM ciphertext at rest in…
• Password Input Togglesv-particles · Svelte
• Password InputReactFrame · ReactA password field with an animated show/hide eye toggle, a four-segment strength meter, a live requirements checklist…
• Password Inputark-cn · ReactA shadcn-style password input component built with Ark UI primitives.
• Comp 51Origin UI · React
• Password strengthArc Library · ReactShow how strong a new password is while it is typed.
• Password FieldUI Lab · ReactReveals the password with a wave of dots turning into letters; the meter fills as it gets stronger.
• Passphrase GateLocalMode · ReactA controlled passphrase screen with create and unlock modes: create renders passphrase + confirmation with a…
• Password Input With Strength Indicatorsv-particles · Svelte
• Password Input With Strength Inidicatorsv-particles · Svelte

Libraries with password input components

• sv-particles
• Arc Library
• LocalMode
• Origin UI
• UI Lab

Related categories

• React Password Input Components
• Tailwind CSS Password Input Components
• Animated Password Input Components
• Input Components
• Text Input Components
• Select Components
• Form Field Components
• Form Components
• Textarea Components
• Switch Components
• Checkbox Components
• Slider Components
• Radio Components
• Combobox Components
• File Upload Components
• Search Input Components
• Date Picker Components
• Login Form Components
• Color Picker Components