itsmanzur

<p><strong>Sekkei</strong> is the all-in-one workflow tool designed specifically for Elementor page builders. It integrates directly into the Elementor editor as a sliding side panel, or works as a standalone tool from your WordPress dashboard.</p>
<p>Stop switching between apps and browser tabs – plan, design, and organize everything in one place, right next to your Elementor canvas.</p>
<h4>Key Features</h4>
<p><strong>Section Planner</strong> – Plan your page structure before building. Add sections with names, types, CSS classes, notes, dependencies, and health warnings. Sync Elementor containers into the planner, rename linked sections safely, and export a clean page outline for client approval.</p>
<p><strong>Design Checklist</strong> – Never miss a step. 30+ checklist items across 5 categories: Before Design, Structure, Design, Mobile, and Handover. Add custom items and groups. Track progress with a live progress bar.</p>
<p><strong>Color Palette</strong> – Save and organize your brand colors. Group colors by palette (Brand, Dark Mode, etc.). Click any swatch to copy the hex code. Assign roles like Primary, Accent, Background.</p>
<p><strong>Font Pairing</strong> – 10 curated font pairings (including Bengali fonts). Filter by style: editorial, modern, minimal, bold. Copy CSS and Google Fonts links. Save custom pairings.</p>
<p><strong>CSS Generator</strong> – Generate Elementor-ready custom CSS snippets. 6 presets (Section, Container, Typography, Button, Card, Responsive). Auto-fill from your Section Planner. Save and reuse snippets.</p>
<p><strong>Project Notes</strong> – Client feedback, revision history, TODOs  all in one place. Quick insert tags for common patterns. Date stamps and structured formatting.</p>
<p><strong>Pre-Publish Audit</strong> – Scan your Elementor page for common issues before publishing. Detect placeholder text, broken links, missing image alt tags, and layout hierarchy issues. Locate elements with a single click.</p>
<p><strong>Export</strong> – Export your entire project as formatted text or JSON. Download .txt for client handover. JSON backup/import for portability.</p>
<p><strong>Multiple Projects</strong> – Manage separate projects with independent data. Switch between projects instantly.</p>
<h4>How It Works</h4>
<ol>
<li>
<p><strong>In Elementor Editor</strong>: A floating “Sekkei” button appears. Click it to open the tool as a sliding side panel. Use keyboard shortcut <code>Ctrl+Shift+P</code> for quick access.</p>
</li>
<li>
<p><strong>In WordPress Admin</strong>: Navigate to Sekkei  Open Tool for a full-screen experience.</p>
</li>
<li>
<p><strong>Data Storage</strong>: All data is saved in your browser’s localStorage  no server requests, no database load, instant performance.</p>
</li>
</ol>
<h4>100% Free & Unlocked</h4>
<p>Sekkei is 100% free and open-source. Every feature is included with no paywalls, subscriptions, or license keys:</p>
<ul>
<li><strong>Section Planner</strong>: Add unlimited sections and use all pre-made workflow templates.</li>
<li><strong>Design Checklist</strong>: Add unlimited custom checklist items and custom item groups.</li>
<li><strong>Color Palette</strong>: Build and save multiple custom color palettes with roles.</li>
<li><strong>Font Pairing</strong>: Access all 10 curated pairs (including Bengali fonts) and customize pairings.</li>
<li><strong>CSS Generator</strong>: Generate, edit, and save Elementor-ready custom CSS snippets from all 6 presets.</li>
<li><strong>Multiple Projects</strong>: Create, name, and switch between separate design projects.</li>
<li><strong>JSON Export</strong>: Export and import your full workflow data in JSON format for backup or migration.</li>
</ul>
<h3>Third-Party Libraries</h3>
<p>Sekkei uses the following third-party libraries, included in the plugin package:</p>
<h4>Tabler Icons</h4>
<ul>
<li>Version: Latest stable</li>
<li>License: MIT License</li>
<li>License URI: https://opensource.org/licenses/MIT</li>
<li>Source: https://tabler.io/icons</li>
<li>Location: assets/vendor/tabler-icons/</li>
<li>Purpose: Icon set used inside the standalone tool interface (assets/tool/index.html)</li>
</ul>
<h4>Syne (Font)</h4>
<ul>
<li>Version: Latest stable</li>
<li>License: SIL Open Font License 1.1</li>
<li>License URI: https://scripts.sil.org/OFL</li>
<li>Source: https://fonts.google.com/specimen/Syne</li>
<li>Location: assets/vendor/fonts/syne-700.woff2</li>
<li>Purpose: Display/heading font in the standalone tool interface</li>
</ul>
<h4>DM Sans (Font)</h4>
<ul>
<li>Version: Latest stable</li>
<li>License: SIL Open Font License 1.1</li>
<li>License URI: https://scripts.sil.org/OFL</li>
<li>Source: https://fonts.google.com/specimen/DM+Sans</li>
<li>Location: assets/vendor/fonts/dm-sans-400.woff2, dm-sans-500.woff2</li>
<li>Purpose: UI body font in the standalone tool interface</li>
</ul>
<h4>DM Mono (Font)</h4>
<ul>
<li>Version: Latest stable</li>
<li>License: SIL Open Font License 1.1</li>
<li>License URI: https://scripts.sil.org/OFL</li>
<li>Source: https://fonts.google.com/specimen/DM+Mono</li>
<li>Location: assets/vendor/fonts/dm-mono-400.woff2</li>
<li>Purpose: Monospace font for CSS code output in the standalone tool interface</li>
</ul>


Sekkei – Section Planner & Workflow Toolkit for Elementor

Elementor workflow toolkit - plan sections, run a design checklist, save color palettes & font pairs, and generate CSS, right beside your canvas.

creatana

clintstegman

<p>VisualMods Inline is a plugin for Inline page & post styling. It adds 5 new buttons in the WordPress editor for padding, margin, rounded corners, background color and background images.</p>
<p>With VisualMods Inline you’ll be able to style your inner page elements. You can design elements like links, tables, paragraphs and more! It works “inline” by simply clicking where you want to style & using one of the VisualMods Inline editor buttons.</p>
<h4>VisualMods Inline Editor Controls</h4>
<ul>
<li>
<p><strong>Padding & Margin</strong> – Add & remove padding & margin per-side or on all sides at once by using easy arrow controls.</p>
</li>
<li>
<p><strong>Rounded Corners</strong> – Round individual corners or all corners by using easy arrow controls.</p>
</li>
<li>
<p><strong>Background Color</strong> – Add background color to any element you want! It’s also easily removable if you change your mind.</p>
</li>
<li>
<p><strong>Background Images</strong> – Add single or tiled background images to any element. Plus, you can easily adjust their positioning and size!</p>
</li>
</ul>
<h4>Targets Invidual Elements or its Parent</h4>
<p>You can switch between styling the individual element or the parent selector via radio button inside of each control box.</p>
<h4>Adjustable Controls</h4>
<p>Margin, padding, and rounded corner controls can be quickly adjusted to your liking by using the slider inside of their control boxes. This allows you to change the amount it will adjust with each click to help you save time & fine tune your styling.</p>
<h4>Works Great with Tables</h4>
<p>Your tables can be quickly & visually styled with VisualMods Inline. No need for custom coding or menu surfing. VisualMods Inline makes styling your tables a breeze.</p>
<h4>Makes Your Inner Page & Post Designs Stand Out!</h4>
<p>VisualMods Inline helps you make each page & post unique and tailored for your vision. Design beyond your themes default page styling. Make it colorful and make it your own!</p>


VisualMods Inline

Stylize things inline in the WordPress editor!

Sekkei – Section Planner & Workflow Toolkit for Elementor vs VisualMods Inline