tifosi

This plugin allows the user to completely customise the look and feel of the WordPress login page from the comfort of the WordPress admin customizer interface.
<ul>
<li>Dynamically creates a custom login css file to override default values</li>
<li>Fully integrated with WordPress Customiser</li>
<li>Intuitive interface with sections & settings</li>
<li>Filters to override defaults via your parent/child theme</li>
</ul>
<h3>Usage</h3>
<ol>
<li>Go to Appearance > Customise</li>
<li>Select the Login Customiser Menu Panel</li>
<li>Select from the available sections and change the settings as required. Once changed the save & publish button will be available. Select this to save changes. These will be available to the login screen when next logging in, or as below.</li>
</ol>
The plugin dynamically creates a new login css file for the login page only which contains css settings that override the default styling.
The login panel of course is only available to non logged-in users, so testing the changes can be done via logging out / in, or better via using a separate computer, or via testing with a different browser e.g. logged in via IE, not logged in on chrome.
<h3>Filters</h3>
The default values displayed in the Admin UI customiser can be modified via a selection of filters.
Panel: 
loginizr_panel – Panel name, default: lognizr_panel 
add_filter ( ‘loginizr_panel’, set_loginizr_panel, 10, 1); 
function set_loginizr_panel ( $default ) { 
 return ‘loginizr’; 
}
loginizr_priority – Panel priority, default: 30 
add_filter ( ‘loginizr_priority’, set_loginizr_priority, 10, 1); 
function set_loginizr_priority ( $default ) { 
 return 40; // put lower down order 
}
loginizr_title – Panel title, default: Login Customizer 
add_filter( ‘loginizr_title’,set_loginizr_title, 10, 1); 
function set_loginizr_title ( $title ) { 
 return __( ‘Loginizr’, ‘wordpress’ ); 
}
loginizr_description – Panel description, default: Customize the generic WordPress login page 
add_filter( ‘loginizr_description’, set_loginizr_description, 10, 1); 
function set_loginizr_title ( $desc ) { 
 return __( ‘Customize your WordPress Login Page’, ‘wordpress’ ); 
}
Section: Each section has a filter for priority & title
add_filter( ‘loginizr_section_priority’, ‘set_loginizr_section_priority’, 10, 2 ); 
function set_loginizr_section_priority( $priority, $section = ” ) {
<pre><code>// basic check, can also add check against set section names
if ( empty( $section ) ) { return $priority; } 

//check section name
switch( $section ) {
 case 'background':
 return 5;
 case 'logo':
 return 10;
 case 'form_bg':
 return 15;
 case 'form':
 return 20;
 case 'field':
 return 25;
 case 'button':
 return 30;
 case 'other':
 return 35;
 default:
 return $priority;
} 
</code></pre>
}
add_filter( ‘loginizr_section_title’, ‘set_loginizr_section_title’, 10, 2 ); 
function set_loginizr_section_title( $title, $section = ” ) {
<pre><code>// basic check, can also add check against set section names
if ( empty( $section ) ) { return $title; } 

//check section name
switch( $section ) {
 case 'background':
 return __( 'Background', 'txt' );
 case 'logo':
 return __( 'Logo', 'txt' );
 case 'form_bg':
 return __( 'Form Background', 'txt' );
 case 'form':
 return __( 'Form', 'txt' );
 case 'field':
 return __( 'Field', 'txt' );
 case 'button':
 return __( 'Button', 'txt' );
 case 'other':
 return __( 'Other', 'txt' );
 default:
 return $title;
} 
</code></pre>
}
Settings: Some settings with default values also have available filters
add_filter ( ‘loginizr_bg_color’, set_loginizr_bg_color, 10, 1); 
function set_loginizr_priority ( $default ) { 
 return ‘#fff’; // valid hex or rbg value, default #f1f1f1 
}
add_filter ( ‘loginizr_logo_width’, set_loginizr_logo_width, 10, 1); 
function set_loginizr_logo_width ( $default ) { 
 return ‘100px’; //default 125px 
}
add_filter ( ‘loginizr_logo_height’, set_loginizr_logo_height, 10, 1); 
function set_loginizr_logo_height ( $default ) { 
 return ’60px’; //default 50px 
}
add_filter ( ‘loginizr_logo_padding’, set_loginizr_logo_padding, 10, 1); 
function set_loginizr_logo_padding ( $default ) { 
 return ’10px’; //default 5px 
}
add_filter ( ‘loginizr_form_bg_color’, set_loginizr_form_bg_color, 10, 1); 
function set_loginizr_form_bg_color ( $default ) { 
 return ‘#fff’; // calid hex or rgb value, default #fff 
}
add_filter ( ‘loginizr_form_width’, set_loginizr_form_width, 10, 1); 
function set_loginizr_form_width ( $default ) { 
 return ‘400px’; //valid css width default 320px 
}
add_filter ( ‘loginizr_form_height’, set_loginizr_form_height, 10, 1); 
function set_loginizr_form_height ( $default ) { 
 return ‘100px’; //default 194px 
}
add_filter ( ‘loginizr_form_padding’, set_loginizr_form_padding, 10, 1); 
function set_loginizr_form_padding ( $default ) { 
 return ’10px’; //calid padding css, default 26px 24px 46px 
}
add_filter ( ‘loginizr_field_width’, set_loginizr_field_width, 10, 1); 
function set_loginizr_field_width ( $default ) { 
 return ‘90%’; // percentage or px value, default 100% 
}
add_filter ( ‘loginizr_field_margin’, set_loginizr_field_margin, 10, 1); 
function set_loginizr_field_margin ( $default ) { 
 return ’10px’; // valid margin: css , default 2px 6px 16px 0px 
}
add_filter ( ‘loginizr_field_bg’, set_loginizr_field_bg, 10, 1); 
function set_loginizr_field_bg ( $default ) { 
 return ‘#ccc’; // valid css hex/rgb, default #fff 
}
add_filter ( ‘loginizr_field_color’, set_loginizr_field_color, 10, 1); 
function set_loginizr_field_color ( $default ) { 
 return ‘#ccc’; //valid hex/rgb, default #333 
}
add_filter ( ‘loginizr_field_label_color’, set_loginizr_field_label_color, 10, 1); 
function set_loginizr_field_label_color ( $default ) { 
 return ‘#ccc’; //valid hex/rgb, default #777 
}
add_filter ( ‘loginizr_button_color’, set_loginizr_buttoncolor, 10, 1); 
function set_loginizr_button_color ( $default ) { 
 return ‘#ccc’; //valid hex/rgb, default #fff 
}
add_filter ( ‘loginizr_button_bg’, set_loginizr_button_bg, 10, 1); 
function set_loginizr_button_bg ( $default ) { 
 return ‘#ccc’; //valid hex/rgb, default #2EA2CC 
}
add_filter ( ‘loginizr_button_border’, set_loginizr_button_border, 10, 1); 
function set_loginizr_button_border ( $default ) { 
 return ‘#ccc’; //valid hex/rgb, default #0074A2 
}
add_filter ( ‘loginizr_button_hover_bg’, set_loginizr_button_hover_bg, 10, 1); 
function set_loginizr_button_hover_bg ( $default ) { 
 return ‘#ccc’; //valid hex/rgb, default #1E8CBE 
}
add_filter ( ‘loginizr_button_hover_border’, set_loginizr_button_hover_border, 10, 1); 
function set_loginizr_button_hover_border ( $default ) { 
 return ‘#ccc’; //valid hex/rgb, default #0074A2 
}
add_filter ( ‘loginizr_button_hover_shadow’, set_loginizr_button_hover_shadow, 10, 1); 
function set_loginizr_button_hover_shadow ( $default ) { 
 return ‘#ccc’; //valid hex/rgb, default #78C8E6 
}
add_filter ( ‘loginizr_other_color’, set_loginizr_other_color, 10, 1); 
function set_loginizr_other_color ( $default ) { 
 return ‘#fff’; //valid hex/rgb, default #999 
}
add_filter ( ‘loginizr_other_hover’, set_loginizr_other_hover, 10, 1); 
function set_loginizr_other_hover ( $default ) { 
 return ‘#fff’; //valid hex/rgb, default #2EA2CC 
}

Loginizr

good

Control the look & feel of your WordPress login page through the WordPress Customizer.

Themeum

Ari Stathopoulos

David Vongries

DannyCooper

Ignacio Cruz Moreno

wplemon

<a href="https://kirki.com/" rel="nofollow ugc">Kirki</a> is a freeform visual builder for WordPress and an advanced theme customizer that lets you design and build complete websites visually — without coding.
Unlike traditional page builders, Kirki uses an infinite freeform canvas, giving you full creative freedom without rigid grids or layout restrictions.
Build landing pages, business websites, blogs, and full websites with responsive controls, dynamic content, and powerful design tools — all inside WordPress.
Watch Kirki in action:
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/ofDMD1j4A2Y?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>🔥 Why Choose Kirki?</h3>
Kirki combines a modern visual builder with WordPress’s powerful customization system — so you can design freely without sacrificing flexibility.
✔ Freeform canvas — no rigid layouts or constraints 
✔ Drag-and-drop visual editor with precise control 
✔ Responsive editing for desktop, tablet, and mobile 
✔ Built-in tools (forms, popups, dynamic content) 
✔ Clean, performance-focused output 
✔ Works with any WordPress theme 
✔ Built for designers, developers, and teams
<h3>🧱 Core Features</h3>
<h3>Visual Website Builder</h3>
Design your website visually with full control.
<ul>
<li>Freeform drag-and-drop editor</li>
<li>Infinite canvas — no grid or column restrictions</li>
<li>Real-time responsive editing (desktop, tablet, mobile)</li>
<li>Pre-built components and layout blocks</li>
<li>Global styles (colors, fonts, spacing)</li>
<li>Version history and rollback</li>
<li>Media manager for assets</li>
<li>Light & dark mode interface</li>
</ul>
<h3>⚡ Dynamic Content & Smart Features</h3>
Build scalable, data-driven websites.
<ul>
<li>Dynamic content system (collections & templates)</li>
<li>Conditional visibility controls</li>
<li>Custom attributes for advanced control</li>
<li>Developer-friendly extensibility</li>
<li>Reusable design systems and components</li>
</ul>
<h3>🎨 Templates & Design Assets</h3>
Start fast and customize everything.
<ul>
<li>Ready-made website templates</li>
<li>Pre-built sections and layout blocks</li>
<li>Reusable design assets</li>
<li>Import / export projects easily</li>
</ul>
<h3>🧩 Built-in Tools</h3>
Everything you need — without extra plugins.
<ul>
<li>Form builder with submission management</li>
<li>Popup builder with visual controls</li>
<li>Interaction and animation builder</li>
<li>Icon library and media tools</li>
</ul>
<h3>🎬 Interactions & Animations</h3>
Create engaging, modern experiences.
<ul>
<li>Visual animation builder</li>
<li>Interaction timeline editor</li>
<li>Custom transitions and effects</li>
<li>Text animation tools</li>
</ul>
<h3>⚙️ Advanced WordPress Customizer</h3>
Extend WordPress customization with powerful controls.
<ul>
<li>35+ customizer controls</li>
<li>Real-time preview</li>
<li>Automatic CSS generation</li>
<li>Conditional logic support</li>
<li>Developer-friendly API</li>
<li>Performance optimized</li>
</ul>
<h3>👥 Who Is Kirki For?</h3>
<ul>
<li>Designers who want full creative freedom</li>
<li>Freelancers building client websites</li>
<li>Agencies managing multiple projects</li>
<li>Developers extending WordPress functionality</li>
<li>Anyone looking for a no-code visual builder for WordPress</li>
</ul>
<h3>🚀 What Makes Kirki Different?</h3>
Kirki is not just another page builder.
Instead of forcing layouts into rows and columns, Kirki gives you a freeform design experience — similar to modern design tools — while keeping the full power of WordPress.
Design freely. Build with WordPress.
<h3>Support</h3>
<ul>
<li>Community support: https://facebook.com/groups/kirkicommunity</li>
<li>Documentation: https://kirki.com/docs</li>
<li>Website: https://kirki.com</li>
</ul>

Kirki – Freeform Page Builder, Website Builder & Customizer


WordPress themes utilizing the Kirki customizer framework are currently broken. Due to critical security vulnerabilities, an update is mandatory, but there is unfortunately zero support available for legacy versions.


no legacy support

Freeform page builder & website builder for WordPress. Infinite canvas for complex, interactive websites. Built-in forms, animations & Customizer.

Loginizr vs Kirki – Freeform Page Builder, Website Builder & Customizer