lubus

Ajit Bohra

Punit Verma

Color Palette Block helps you create and showcase curated color collections directly in the WordPress block editor. 
It is ideal for design systems, brand documentation, UI references, and visual style guides.
With Color Palette Block, you can add multiple swatches, switch between unique display styles, and copy each color in common code formats for development and handoff.
<h3>Key Features</h3>
<ul>
<li>Multiple display styles – Choose from Square, Polaroid, Circle, and Droplet swatch presentations.</li>
<li>Flexible color code output – Copy color values in HEX, RGB, HSL, and CSS variable formats.</li>
<li>Zero Dependencies No jQuery or heavy JS frameworks powered by the Interactivity API.</li>
<li>Theme color integration – Pull colors directly from your active theme palette.</li>
<li>Random palette generation – Quickly generate swatches and auto-suggest names.</li>
<li>Responsive by Default – Palettes adapt cleanly across desktop and mobile.</li>
</ul>
<h3>Why Choose BlaBlaBlocks Color Palette Block?</h3>
Because color decisions need to be both visual and usable. 
Color Palette Block makes it easy to present colors clearly for designers, clients, and developers while keeping everything inside the native Gutenberg workflow.
<ul>
<li>No shortcodes or custom HTML required.</li>
<li>Editor-first workflow with instant visual feedback.</li>
<li>Great for brand kits, style guides, and component libraries.</li>
</ul>
<h3>How It Works</h3>
<ol>
<li>Insert the Color Palette block in any post or page.</li>
<li>Add swatches manually, import from theme colors, or generate random swatches.</li>
<li>Select your preferred display style and swatch sizing.</li>
<li>Copy color values in the format you need while previewing changes instantly.</li>
</ol>
<h3>Use Cases</h3>
<ul>
<li>Build a brand color reference page for teams or clients.</li>
<li>Publish design system palettes with reusable values.</li>
<li>Share developer-ready color specs with copyable code formats.</li>
<li>Create inspiration boards with quick random generation.</li>
</ul>
<h3>Available Display Styles</h3>
<h4>1. Square</h4>
Classic rectangular swatches for clean, structured palette layouts.
<h4>2. Polaroid</h4>
Card-style swatches with a framed visual treatment.
<h4>3. Circle</h4>
Rounded swatches for compact, modern palette presentations.
<h4>4. Droplet</h4>
Teardrop-inspired swatches for a more expressive visual style.
<h3>Customization Options</h3>
<ul>
<li>Swatch display style</li>
<li>Swatch sizing controls</li>
<li>Theme color import</li>
<li>Random palette generation</li>
<li>Auto-generated swatch naming</li>
<li>Per-swatch code copy in multiple formats</li>
</ul>
<h3>Performance & Optimization</h3>
<ul>
<li>Designed for the block editor workflow with straightforward controls.</li>
<li>Keeps palette management simple for both content creators and developers.</li>
<li>Responsive output helps maintain consistent presentation across devices.</li>
</ul>
<h3>Open Source and Free</h3>
BlaBlaBlocks Color Palette Block is open source and free to use. Contributions and feedback are welcome.
<ul>
<li>
Source Code: 
<a href="https://github.com/lubusIN/color-palette-block" rel="nofollow ugc">https://github.com/lubusIN/color-palette-block</a>
</li>
<li>
Report Issues: 
<a href="https://github.com/lubusIN/color-palette-block/issues" rel="nofollow ugc">https://github.com/lubusIN/color-palette-block/issues</a>
</li>
<li>
Changelog: 
<a href="https://github.com/lubusIN/color-palette-block/blob/master/CHANGELOG.md" rel="nofollow ugc">https://github.com/lubusIN/color-palette-block/blob/master/CHANGELOG.md</a>
</li>
</ul>

Color Palette Block

Build and share beautiful color palettes with multiple display styles and easy color code copying.

Krishna Kant Chourasiya

JohnPixle

AnalogWP

Custom Library for Elementor is a template library and pattern manager that lets Elementor users save, organize, and reuse their own Elementor templates, sections, and patterns — directly inside the editor.
<a href="https://analogwp.com/custom-library-for-elementor/?utm_source=wporg&utm_medium=referral&utm_campaign=readme" rel="nofollow ugc">🚀 Take a better look at Custom Library for Elementor</a>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/9RTBS6rhYgg?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 Custom Library for Elementor?</h3>
No more digging through Elementor’s default template library. With Custom Library, you curate your own collection of design assets—sections, blocks, and full page templates—and access them instantly while editing. Whether you’re a freelancer, agency, or in-house designer, this plugin is built to speed up your workflow and maintain design consistency across projects.
Works perfectly with free Elementor—no Elementor Pro required.
<h3>Build Your Own Design System</h3>
Think of Custom Library as your personal design system right inside Elementor:
<ul>
<li>Save any template or section with one click from your Elementor template list</li>
<li>Organize with custom categories for quick navigation (Headers, CTAs, Pricing Tables, etc.)</li>
<li>Visual previews with custom thumbnail images for instant recognition</li>
<li>Favorite your go-to templates for even faster access</li>
<li>Search and filter to find exactly what you need in seconds</li>
</ul>
Stop rebuilding the same sections over and over. Build once, reuse everywhere.
<h3>Perfect for Client Handover & Agency Workflows</h3>
Agencies love Custom Library because it solves one of the biggest client challenges: maintaining design consistency after handover.
Clients often struggle when adding new pages or sections—they accidentally break layouts, mix fonts, or stray from brand guidelines. Custom Library gives them a pre-curated set of on-brand templates they can confidently reuse without breaking anything.
Benefits for agencies: 
– Deliver a professional, easy-to-use template collection with every project 
– Reduce post-launch support requests and “fix my page” calls 
– Empower clients to expand their site while staying on-brand 
– Show clear value and professionalism in your deliverables
<a href="https://analogwp.com/custom-library-for-elementor/?utm_source=wporg&utm_medium=referral&utm_campaign=readme" rel="nofollow ugc">Upgrade to Pro</a> for role-based access controls, custom branding, and import/export features perfect for teams.
<h3>Free Features</h3>
✅ One-Click Template Saving – Add any Elementor template to your library instantly 
✅ Custom Categories – Organize templates by type, project, or client 
✅ Visual Thumbnails – Upload custom preview images for instant recognition 
✅ Favorites System – Star your most-used templates for quick access 
✅ Powerful Search – Find templates fast with built-in search 
✅ Clean Editor Integration – Access your library via a sleek modal without leaving Elementor 
✅ Works with Free Elementor – No Elementor Pro subscription required 
✅ SVG Upload Support – Safely upload SVG files with built-in sanitization 
✅ Version Rollback – Revert to previous plugin versions if needed
<h3><a href="https://analogwp.com/custom-library-for-elementor/?utm_source=wporg&utm_medium=referral&utm_campaign=readme" rel="nofollow ugc">Pro Features</a> – Available with a Limited Time Deal!</h3>
🚀 Remote Library – Access your template library from any website 
🚀 Template Reports – Track template imports and get a rundown of your popular templates and library usage 
🚀 Role-Based Access Controls – Show/hide the library for specific users or roles 
🚀 Custom Branding – Change library colors, button styles, and icon to match your brand 
🚀 Import/Export Templates – Bulk migrate templates between sites or share with clients 
🚀 Custom Trigger Icon – Replace the default library icon with your own branding 
🚀 Settings Access Control – Restrict who can modify plugin settings 
🚀 White-Label Ready – Perfect for agencies delivering branded client experiences 
✨ More Features – We are constantly taking feedback and adding more features for power users like you
<a href="https://analogwp.com/custom-library-for-elementor/?utm_source=wporg&utm_medium=referral&utm_campaign=readme" rel="nofollow ugc">Ready to go beyond? Get PRO →</a>
From the team at AnalogWP – creators of <a href="https://analogwp.com/style-kits/" rel="nofollow ugc">Style Kits for Elementor</a>, trusted by thousands of designers worldwide.

Custom Library for Elementor – Custom Library for Elementor Templates, Elementor Patterns & Elementor Library

Custom Library is your own design system in Elementor. Organize templates, save time with consistent designs. Get Custom Library for Elementor Templat …

Color Palette Block vs Custom Library for Elementor – Custom Library for Elementor Templates, Elementor Patterns & Elementor Library