webnist

<p>Responsive Web design themes, and resize the toolbar, you see.</p>
<p><iframe loading="lazy" title="Customizer Theme Resizer" width="750" height="422" src="https://www.youtube.com/embed/_DFdXqbeRPQ?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>


Customizer Theme Resizer

Responsive Web design review enables theme customization.

Ari Stathopoulos

Themeum

David Vongries

DannyCooper

Ignacio Cruz Moreno

wplemon

<p><a href="https://www.themeum.com/kirki/" rel="nofollow ugc">Kirki</a> is a customizer toolkit for WordPress. An open-source initiative by <a href="https://www.themeum.com/" rel="nofollow ugc">Themeum</a> for WordPress theme developers.</p>
<p>Kirki allows you to build themes quicker & more easily. With over 30 custom controls ranging from simple sliders to complex typography controls with Google Fonts integration and features like automatic CSS & postMessage script generation, Kirki makes theme development a breeze.</p>
<h3>Features ✅</h3>
<ul>
<li>Increased Performance</li>
<li>Simplified API</li>
<li>Automatic CSS Generation</li>
<li>Automatic postMessage Generation</li>
<li>Partial Refresh</li>
<li>Conditional Logic</li>
<li>GDPR Compliance</li>
<li>Improved Page Speed</li>
<li>And more!</li>
</ul>
<h3>Controls 🎛️</h3>
<ul>
<li><a href="https://docs.themeum.com/kirki/controls/background/" rel="nofollow ugc">Background Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/code/" rel="nofollow ugc">Code Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/checkbox/" rel="nofollow ugc">Checkbox Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/color/" rel="nofollow ugc">Color Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/color-palette/" rel="nofollow ugc">Color Palette Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/dashicons/" rel="nofollow ugc">Dashicons Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/date/" rel="nofollow ugc">Date Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/dimension/" rel="nofollow ugc">Dimension Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/dimensions/" rel="nofollow ugc">Dimensions Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/dropdown-pages/" rel="nofollow ugc">Dropdown Pages Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/editor/" rel="nofollow ugc">Editor Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/generic/" rel="nofollow ugc">Generic Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/image/" rel="nofollow ugc">Image Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/url/" rel="nofollow ugc">Link Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/multicheck/" rel="nofollow ugc">Multiple Checkbox Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/multicolor/" rel="nofollow ugc">Multicolor Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/number/" rel="nofollow ugc">Number Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/radio/" rel="nofollow ugc">Radio Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/radio-buttonset/" rel="nofollow ugc">Radio Buttonset Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/radio-image/" rel="nofollow ugc">Radio Image Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/repeater/" rel="nofollow ugc">Repeater Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/select/" rel="nofollow ugc">Select Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/slider/" rel="nofollow ugc">Slider Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/sortable/" rel="nofollow ugc">Sortable Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/switch/" rel="nofollow ugc">Switch Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/text/" rel="nofollow ugc">Text Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/textarea/" rel="nofollow ugc">Textarea Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/toggle/" rel="nofollow ugc">Toggle Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/typography/" rel="nofollow ugc">Typography Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/upload/" rel="nofollow ugc">Upload Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/extensions/margin-padding/" rel="nofollow ugc">Margin & Padding Controls</a></li>
<li><a href="https://docs.themeum.com/kirki/extensions/headlines-dividers/" rel="nofollow ugc">Headlines & Dividers</a></li>
<li><a href="https://docs.themeum.com/kirki/extensions/responsive-controls/" rel="nofollow ugc">Responsive Controls</a></li>
<li><a href="https://docs.themeum.com/kirki/extensions/input-slider/" rel="nofollow ugc">Input Slider</a></li>
<li><a href="https://docs.themeum.com/kirki/extensions/tabs/" rel="nofollow ugc">Tabs</a></li>
</ul>
<h3>Documentation 📖</h3>
<p>You can find detailed documentation on how to use Kirki on https://www.themeum.com/kirki/</p>


Kirki Customizer Framework

The Ultimate Customizer Framework for WordPress Theme Developers

Customizer Theme Resizer vs Kirki Customizer Framework