Login Page Components

Dev Design Library indexes 32 login page components from 10 open-source UI libraries, with the most coming from Tremor Blocks, Nexvyn UI, Oxbow UI, shadcn/ui and Intent UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Login page components belong to the Pages group.

• Login 02shadcn/ui · ReactA two column login page with a cover image.
• Dashboard Auth LayoutLobe UI · React
• auth-01Intent UI · Reactauth-01
• Login 01 - Developer-Friendly Login PageShadcn Space · ReactA clean, secure login page with Google and GitHub authentication, remember-me support, and password recovery, built…
• Login 01Tremor Blocks · React
• 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
• Centered loginArc Library · ReactA passkey-first login card on a quiet ring backdrop that morphs through email and code.
• Split login pageVelora UI · ReactLogin form with password reveal, remember-me and social sign-in beside an aurora testimonial panel.
• Login 03shadcn/ui · ReactA login page with a muted background color.
• auth-02Intent UI · Reactauth-02
• Login 02Tremor Blocks · React
• 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.
• Sign inArc Library · ReactA sign in card that morphs from email to a six digit code to your account.
• Login 04shadcn/ui · ReactA login page with form and image.
• auth-03Intent UI · Reactauth-03
• Login 03Tremor Blocks · React
• 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.
• 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.
• Login 05Tremor Blocks · React
• Sign In 03Oxbow UI · Astro
• Login SplitNexvyn UI · ReactA two column sign in page with a full height photo panel.
• Login 06Tremor Blocks · React
• Login 07Tremor Blocks · React
• Login 08Tremor Blocks · React
• Login 09Tremor Blocks · React
• Login 10Tremor Blocks · React

Libraries with login page components

• Tremor Blocks
• Nexvyn UI
• Oxbow UI
• shadcn/ui
• Intent UI

Related categories

• React Login Page Components
• Tailwind CSS Login Page Components
• Page Components
• Dashboard Page Components
• Onboarding Page Components
• Settings Page Components
• Chat Page Components
• Error Page Components
• Product Page Components
• Signup Page Components
• Landing Page Components
• Calendar Page Components
• Profile Page Components