Dev Design LibraryLogin Form Components
Dev Design Library indexes 79 login form components from 20 open-source UI libraries, with the most coming from Watermelon UI, Tremor Blocks, FLX UI, Origin UI and Nexvyn UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Login form components belong to the Inputs group.
Login 01shadcn/ui · ReactA simple login form.
Comp 119Origin UI · React
Advanced clean login form cardReUI · ReactAdvanced clean login form card
auth-01Intent UI · Reactauth-01
Account Access CardSpectrum UI · ReactA credentials card that auto-fills email and password on a loop, with a danger zone.
Dialog 10 - Sign InShadcn Space · ReactCompact sign in dialog with Google and GitHub buttons, email and password validation, a show password toggle, and a…
Login FormOpenSourceUI · React
AuthBoardUI · React
Login 01Tremor Blocks · React
Login Onecnblocks · SvelteSimple centered login form with inputs
Sign In 01Oxbow UI · AstroSign in with magic link
LoginNexvyn UI · ReactLoginForm: labelled email and password fields, a password toggle, provider buttons and error state.
Template AuthShark UI · React
Alphine Login FormWatermelon UI · React
Auth Fivesv-efferd · SvelteA split-screen auth experience with animated background paths and broader provider options.
Centered loginArc Library · ReactA passkey-first login card on a quiet ring backdrop that morphs through email and code.
Login CardROI UI · ReactA login card component with email/password fields and social login options.
Login formFLX UI · ReactEmail and password fields with sign-in and OAuth buttons.
Split login pageVelora UI · ReactLogin form with password reveal, remember-me and social sign-in beside an aurora testimonial panel.
Sign InSpaceUI · ReactA complete sign in page block using our space components and primitives.
Login 02shadcn/ui · ReactA two column login page with a cover image.
Comp 120Origin UI · React
auth-02Intent UI · Reactauth-02
Login CardSpectrum UI · Reactcomponent for the Login Card
Field 01 - Sign In FormShadcn Space · ReactA sign in form built with the Field primitive, featuring an email field with inline validation, a password field with…
Login 02Tremor Blocks · React
Login Threecnblocks · SvelteLogin form with social auth buttons
Sign In 02Oxbow UI · AstroCentered sign in block
Login Email firstNexvyn UI · ReactA centered sign in page that leads with the email form, providers side by side below.
Auth 01Watermelon UI · React
Auth Foursv-efferd · SvelteA bordered auth layout with divider rails and a gentle email-first continuation flow.
Sign inArc Library · ReactA sign in card that morphs from email to a six digit code to your account.
Sign InFLX UI · ReactEmail and password validated on submit.
Login 03shadcn/ui · ReactA login page with a muted background color.
Comp 121Origin UI · React
auth-03Intent UI · Reactauth-03
Topbar 03 - Login Action TopbarShadcn Space · ReactNavigation topbar with primary links, login action, notifications, and user profile for quick access. Ideal for SaaS…
Login 03Tremor Blocks · React
Login Twocnblocks · SvelteSplit login with side illustration
Sign In 04Oxbow UI · AstroSplit screen sign in with customers.
Login TestimonialNexvyn UI · ReactThe split sign in page with a customer quote over the photo.
Auth 02Watermelon UI · React
Auth Onesv-efferd · SvelteA centered auth entry screen with ambient particles and social sign-in actions.
Social FirstFLX UI · ReactSocial First for Sign In.
Login 04shadcn/ui · ReactA login page with form and image.
Comp 122Origin UI · React
Login 04Tremor Blocks · React
Sign In 05Oxbow UI · AstroSplit screen login with quote
Login Social firstNexvyn UI · ReactA centered sign in page that leads with Google and Apple buttons.
Auth 03Watermelon UI · React
Auth Threesv-efferd · SvelteA minimal single-column auth flow with brand header and stacked sign-in options.
Email & PasswordFLX UI · ReactEmail & Password for Sign In.
Login 05shadcn/ui · ReactA simple email-only login page.
Comp 138Origin UI · React
Login 05Tremor Blocks · React
Sign In 03Oxbow UI · Astro
Login SplitNexvyn UI · ReactA two column sign in page with a full height photo panel.
Auth 04Watermelon UI · React
Auth Twosv-efferd · SvelteA framed auth panel that combines email capture with side-by-side social login.
Magic LinkFLX UI · ReactMagic Link for Sign In.
Comp 326Origin UI · React
Login 06Tremor Blocks · React
Auth 05Watermelon UI · React
PasskeyFLX UI · ReactPasskey for Sign In.
Login 07Tremor Blocks · React
Auth 06Watermelon UI · React
Phone & OTPFLX UI · ReactPhone & OTP for Sign In.
Login 08Tremor Blocks · React
Auth 07Watermelon UI · React
Split ScreenFLX UI · ReactSplit Screen for Sign In.
Login 09Tremor Blocks · React
Auth 08Watermelon UI · React
Sign InFLX UI · ReactEmail and password validated on submit.
Login 10Tremor Blocks · React
Auth 09Watermelon UI · React
Auth 10Watermelon UI · React
Auth 11Watermelon UI · React
Auth 12Watermelon UI · React
Auth 13Watermelon UI · React
Libraries with login form components
Related categories
- React Login Form Components
- Tailwind CSS Login Form Components
- Svelte Login Form Components
- shadcn/ui Login Form 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
- Color Picker Components
- OTP Input Components