Tailwind CSS Login Form Components

Dev Design Library indexes 76 Tailwind CSS login form components from 18 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. Every library in this list styles its components with Tailwind CSS utility classes. 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.
• 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 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 Tailwind CSS login form components

• Watermelon UI
• Tremor Blocks
• FLX UI
• Origin UI
• Nexvyn UI

Related categories

• Login Form Components
• React Login Form Components
• Svelte Login Form Components
• shadcn/ui Login Form Components
• Tailwind CSS Input Components
• Tailwind CSS Text Input Components
• Tailwind CSS Select Components
• Tailwind CSS Form Field Components
• Tailwind CSS Form Components
• Tailwind CSS Textarea Components
• Tailwind CSS Checkbox Components
• Tailwind CSS Switch Components
• Tailwind CSS Slider Components
• Tailwind CSS Radio Components
• Tailwind CSS Combobox Components
• Tailwind CSS File Upload Components
• Tailwind CSS Search Input Components
• Tailwind CSS Date Picker Components
• Tailwind CSS Color Picker Components
• Tailwind CSS OTP Input Components