Freemius

Shois WP

Login Page Customizer and Designer – Beautiful Login Page Builder for WordPress
Design a beautiful, branded WordPress login page in minutes — no coding required. Templates, animations, CAPTCHA protection, and full layout control, all built in.
Your WordPress login page is the first thing your clients, team members, and customers see. Login Page Customizer and Designer transforms the plain default wp-login.php into a fully branded, professional experience — with zero code.
Pick a template, customize colors, fonts, and animations, then go live in minutes. Whether you run a SaaS platform, an agency, or a membership site, this plugin gives you complete visual control over your login page without touching a single line of code.
Most login page plugins give you a form and call it a day. Login Page Customizer and Designer gives you a full visual design system — block-based layout builder, entrance animations, shadow presets, background options, and a growing template library. PRO users get enterprise-grade security features like CAPTCHA protection, custom login URLs, and advanced redirect flows — everything you need to protect and polish your login experience.
<h4>✅ Free Features</h4>
🎨 Design & Customization 
* Template Library — Get started instantly with 2 professionally designed templates: Light Centered and Dark Centered. 
* Layout Modes — Choose from 3 layout types: Centered, Split Left, and Split Right to match your site structure. 
* Core Blocks — Build your login page using 6 essential blocks: Logo, Heading, Paragraph, Divider, Login Form, and Custom HTML. 
* Flexible Styling — Full control over colors, fonts, border radius, padding, and spacing for pixel-perfect results. 
* Box Shadow Presets — Instantly apply Soft, Medium, or Strong shadow presets to your login card with a single click. 
* Entrance Animations — Add polished Fade In, Slide Up, or Zoom In animations to make your login form feel alive and modern. 
* Background Options — Set any Solid Color, Gradient, or Image as your login page background. 
* Global Custom CSS — Drop in your own CSS for unlimited design flexibility beyond the built-in controls.
⚙️ Plugin Management 
* One-Click Toggle — Enable or disable the customizer instantly without losing any of your settings. 
* Custom Page Title & Favicon — Set a custom browser tab title and favicon specifically for the login page, keeping your brand consistent. 
* Back to Blog Link — Customize the “Back to Site” link text and destination URL to match your brand voice. 
* Custom Error Messages — Replace the generic WordPress login error messages with your own friendly, branded copy. 
* Import / Export — Easily move your full template and settings between sites with one-click import and export.
<h4>⭐ PRO Features</h4>
🛡️ Security 
* Premium Template Library — Unlock 19+ high-end templates including Glassmorphism, Midnight, Cyberpunk, and more — all professionally designed and ready to use. 
* CAPTCHA Protection — Defend against bots and brute-force attacks with built-in support for Google reCAPTCHA v2 & v3, hCaptcha, and Cloudflare Turnstile. 
* Custom Login URL — Replace the default /wp-login.php with a custom slug (e.g., yoursite.com/my-login) to hide your login page from automated scanners and bots.
🔀 Advanced Redirects 
* Redirect users to the Homepage or any Custom URL after a successful login. 
* Redirect users to the Homepage or any Custom URL after a successful registration.
🛒 WooCommerce Integration 
* WooCommerce Support — Automatically apply your custom login design to the WooCommerce My Account login and registration page — no extra configuration needed.
🎨 Advanced Design 
* Video Backgrounds — Set a looping video as your login page background for a cinematic, high-impact look. 
* Animated Gradient Backgrounds — Apply smooth, flowing gradient animations to add life and energy to your login page. 
* Custom Box Shadows — Go beyond presets with precise control over X/Y offsets, blur radius, and spread for fully custom shadow effects. 
* Custom JavaScript — Inject JS code into the head or before the closing body tag for tracking pixels, analytics events, or any custom behavior.
<h3>Developer Instructions</h3>
This plugin uses WordPress scripts (<code>@wordpress/scripts</code>) to compile React-based editor and settings UIs.
To rebuild the JavaScript and CSS assets from the source files in <code>src/</code>:
<ol>
<li>Make sure you have Node.js (v16+) installed.</li>
<li>Run <code>npm install</code> to install dependencies.</li>
<li>Run <code>npm run build</code> to compile production assets into the <code>build/</code> directory.</li>
<li>For development mode with live rebuild, run <code>npm run start</code>.</li>
</ol>
Note: The <code>node_modules/</code> directory is excluded from the plugin distribution. All other source files (<code>src/</code>, <code>package.json</code>, <code>webpack.config.js</code>) are included.

Login Page Customizer and Designer

Customize your WordPress login page with custom templates, animations, backgrounds & security. Make Beautiful login pages in minutes.

binarymoon

Bartosz Gadomski

Teydea Studio

WP Custom Login lets you fully customize the WordPress login page to match your brand identity.
Whether you run a single site or a multisite network, this plugin gives you control over every visual element of the login screen — from the logo and background to form fields, buttons, links, and more.
Key benefits:
<ul>
<li>Adjust colors, fonts, spacing, and layout of every login page element without writing CSS.</li>
<li>Add your logo, social media links, and custom footer to create a branded login experience.</li>
<li>Support for multilingual sites with per-language text customization for labels, buttons, and notices.</li>
<li>Works with WordPress multisite networks for consistent branding across all sites.</li>
</ul>
WP Custom Login is a good fit for freelancers, agencies, and organizations that want a professional, branded login page. It includes a live preview in the admin settings, so you can see your changes before they go live.
Learn more at <a href="https://wpcustomlogin.com/?utm_source=WP+Custom+Login" rel="nofollow ugc">wpcustomlogin.com</a>.
<h3>Features</h3>
<h4>Free Features</h4>
<ul>
<li>Body background color — Set a custom background color for the login page.</li>
<li>Custom logo — Replace the WordPress logo with your site icon or a custom image, and configure its link URL and alignment.</li>
<li>Form container styling — Customize the form background color, border radius, padding, box shadow, and alignment.</li>
<li>Label styling — Adjust font size, weight, letter case, spacing, text color, and toggle label visibility.</li>
<li>Input field styling — Set background colors, borders, padding, font, shadow, and placeholder text for normal, hover, and focus states.</li>
<li>Checkbox styling — Apply custom colors to the login form checkboxes and checkmark icon.</li>
<li>Primary button styling — Customize colors, font, size, width, alignment, shadow, and per-language button labels.</li>
<li>Secondary button styling — Configure colors, font, border, and per-language labels for secondary buttons.</li>
<li>Notice and error styling — Set colors for error, notice, and success messages, and add a custom persistent notice with per-language text.</li>
<li>Under-form links — Customize link colors, separator, disable the “Back to” link, or add custom links.</li>
<li>Social media icons — Display up to 23 social media icon links (Facebook, X, Instagram, LinkedIn, YouTube, GitHub, and more), placed before the form, after the form, or in the footer.</li>
<li>Privacy policy link — Show or hide the privacy policy link and set its color.</li>
<li>Language switcher — Show or hide the WordPress language switcher and adjust its icon color and spacing.</li>
<li>Custom footer — Add a footer with configurable text, font, color, and alignment.</li>
<li>Custom CSS — Add your own CSS for additional styling.</li>
<li>Live preview — See your changes in real time within the admin settings page.</li>
<li>Disable autofocus — Turn off the default autofocus behavior on the login form.</li>
<li>Disable error shake — Turn off the shake animation on failed login attempts.</li>
<li>Disable autocomplete — Prevent browsers from auto-filling the login form.</li>
<li>Per-language text — Customize labels, placeholders, button text, and notices for each language on multilingual sites.</li>
<li>“Remember Me” customization — Show or hide the “Remember Me” checkbox and set custom label text per language.</li>
</ul>
<h4>PRO Features</h4>
<ul>
<li><a href="https://wpcustomlogin.com/?utm_source=WP+Custom+Login" rel="nofollow ugc">Pre-designed templates</a> — Choose from 20+ ready-made login page designs and apply them with one click.</li>
<li><a href="https://wpcustomlogin.com/?utm_source=WP+Custom+Login" rel="nofollow ugc">Advanced backgrounds</a> — Use animated gradients, image slideshows, or split-screen layouts as your login page background.</li>
<li><a href="https://wpcustomlogin.com/?utm_source=WP+Custom+Login" rel="nofollow ugc">Post-login redirects</a> — Redirect users to specific pages after login based on their roles.</li>
<li><a href="https://wpcustomlogin.com/?utm_source=WP+Custom+Login" rel="nofollow ugc">Premium support</a> — Get direct support from the development team.</li>
</ul>

WP Custom Login

Not too much, not to little, just right.  Allows for custom logo, font and button, and a little extra CSS if needed.  Based on the size of your logo you will need to adjust the background position and/or margins of the #login but with a few tweaks it looks great.  

goldilocks

Customize the WordPress login screen with your own colors, logo, backgrounds, and form styles.

Login Page Customizer and Designer vs WP Custom Login