Kit Themes

<p>Using <strong>Customizely</strong> anyone can add custom controls to the customizer with easy to use drag and drop option builder. It can full fill your WordPress Customizer custom controls desire very easily. It’s simple to use user interface will help you to build options very easily. <strong>Customizely</strong> does not only add options to WordPress Customizer, but It also renders CSS for you. It supports 2 more responsive devices than default WordPress. Just try it and you will love it.</p>
<h4>Why you should use Customizely?</h4>
<p>Every theme doesn’t provide every option to customize your site. Contacting support to request a new option for the theme, it’s a long term process. Or you should hire a developer. It’s cost-effective. That’s why we built <strong>Customizely</strong>, fully drag and drop WordPress Customizer options builder. It will save money and time both. It comes with drag and drop builder, auto-generated CSS output, and 13 Customizer custom controls with responsive features.</p>
<h4>Drag and Drop. No coding knowledge required.</h4>
<p>Fully drag and drop WordPress Customizer options builder with a simple user interface. Anyone can build an option without any coding knowledge. It’s very easy to use.</p>
<h4>Auto-generated CSS output.</h4>
<p>WordPress Customizer brings the live editing feature. And <strong>Customizely</strong> extends this feature with auto-generated CSS. Every option can set for CSS output by just adding CSS selector and property. You can see every change in the live view.</p>
<h4>Responsive. Mobile First Editing.</h4>
<p>All controls have a mobile responsive feature. Turn one it with CSS and enjoy live design editing with 5 devices option. WordPress Customizer has 3 devices (Desktop, Tablet, and Mobile) by default. <strong>Customizely</strong> extend it to 5 devices (Desktop, Laptop, Tablet, Mobile Landscape, and Mobile).</p>
<h4>Controls</h4>
<p><strong>Customizely</strong> comes with 11 controls and more controls are coming soon.</p>
<ul>
<li>Text</li>
<li>URL</li>
<li>Textarea</li>
<li>Checkbox</li>
<li>Radio</li>
<li>Select</li>
<li>Switch</li>
<li>Range</li>
<li>Number</li>
<li>Icon</li>
<li>Color</li>
<li>Media</li>
<li>Image Select</li>
</ul>
<p><strong>Customizely</strong> also provides API for developers to add WordPress Customizer custom controls from there theme or plugin. Theme developer can use to build their theme options and give their customers to get the advantage of the drag and drop option builder.</p>


Customizer custom controls with Drag and Drop builder – Customizely

Using Customizely anyone can add custom controls to the customizer with easy to use drag…

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 custom controls with Drag and Drop builder – Customizely vs Kirki Customizer Framework