K's Art Office

KayzArt Live Code Editor provides a dedicated editor for building HTML, CSS, and JavaScript snippets with a live preview. It adds a “KayzArt” custom post type, opens new KayzArt posts in the editor, and adds an “Edit with KayzArt” button to the standard editor.
Features: 
* Custom KayzArt post type and dedicated editor 
* CodeMirror 6 editor with HTML/CSS/JS tabs and live iframe preview 
* JavaScript ES Module support with execution type switch (Classic / Module) 
* Setup wizard (Normal/Tailwind/Import JSON) with per-post mode lock 
* Tailwind mode with on-demand Tailwind CSS v4 compilation 
* Import/export JSON projects 
* Per-post template mode control: Default/Standalone/Theme 
* External scripts/styles (https only), live edit highlight, real-time DOM selection, and optional Shadow DOM isolation 
* External embedding (enable in settings): [kayzart post_id=”123″] 
* Allowlist for shortcode execution inside external embeds (one shortcode tag per line) 
* Optional single-page disable for external-embed output
External connections and privacy: 
* By default, KayzArt does not load external scripts or styles and does not send telemetry. 
* External requests happen only when an authorized user explicitly adds external HTTPS URLs in KayzArt settings. 
* Added external resources are requested both in preview and on front-end output where the KayzArt content is rendered. 
* Add only trusted URLs.
Development repository and build: 
* Source repository: https://github.com/ksartoffice/kayzart-live-code-editor 
* Generated files used by WordPress: assets/dist/main.js and assets/dist/style.css 
* Source files for generated assets: src/admin/main.ts, src/admin/style.css, and related files under src/admin/ 
* Build configuration files: package.json, package-lock.json, vite.config.ts, tsconfig.json 
* Build steps: 
1. npm install 
2. composer install 
3. npm run build 
4. npm run plugin-zip
<h3>Credits</h3>
This plugin bundles third-party libraries: 
* CodeMirror – MIT License – https://github.com/codemirror 
* Emmet CodeMirror 6 Plugin – MIT License – https://github.com/emmetio/codemirror6-plugin 
* TailwindPHP (fork) – MIT License – https://github.com/ksartoffice/tailwindphp (upstream: https://github.com/dnnsjsk/tailwindphp)

KayzArt Live Code Editor

KayzArt Live Code Editor - Live HTML/CSS/JS Editor with Tailwind CSS v4 support.

Muhammad Ijaz Anjum

🌟 Make WordPress look like your platform—brand the login & dashboard.
<h3>🌟 DashboardPlus – Transform Your WordPress Login & Dashboard Experience ✨== 🚀</h3>
<ol>
<li>DashboardPlus gives you full control over your WordPress Login Page and Admin Dashboard, allowing you to create a professional, branded, and user-friendly experience — without writing a single line of code.</li>
<li>Make your WordPress backend look like your brand, not WordPress.</li>
</ol>
<h3>🎨 Login Page Customization ✨== 🚀</h3>
✅ Add your own logo 
✅ Change background image / gradient / color 
✅ Customize login form width, radius, shadow & spacing 
✅ Change button styles, hover effects & fonts 
✅ Show or hide WordPress branding 
✅ Live preview changes in real time (Customizer-based)
Your login page becomes a professional entry point to your website.
<h3>🧭 Dashboard Customization ✨== 🚀</h3>
Take control of the WordPress admin dashboard:
✅ Rebrand the admin area with your logo & color theme 
✅ Create custom dashboard welcome widgets 
✅ Hide unnecessary menus for specific user roles 
✅ Remove WordPress nag screens, footer credits, updates message 
✅ Replace the default “Welcome to WordPress” screen 
✅ Organize dashboard for clients, teams & members
Give your users a clean and guided environment they’ll appreciate.
<h3>🏢 Perfect For ✨== 🚀</h3>
<ol>
<li>
Agencies managing client sites
</li>
<li>
Branding-conscious businesses
</li>
<li>
Membership platforms
</li>
<li>
LMS / E-learning dashboards
</li>
<li>
Multi-user teams
</li>
<li>
Freelancers delivering premium websites
</li>
<li>
Make WordPress feel professional, polished, and uniquely yours.
</li>
</ol>
<h3>🚀 Upgrade Your Brand — From First Login to Daily Workflow ✨== 🚀</h3>
<ol>
<li>
Your WordPress experience shouldn’t look generic.
</li>
<li>
With DashboardPlus, your website’s identity is seen and felt everywhere.
</li>
</ol>
<h3>💡 Why DashboardPlus? ✨== 🚀</h3>
✨ Features 🚀 Description 
1. Live Customizer Controls 🚀 Edit and preview in real time — no refresh needed. 
2. Custom Background 🚀 Upload images, set solid colors, gradients, or patterns. 
3. Logo Controls 🚀 Change, resize, hide, or fully replace the default login logo. 
4. Button Styling 🚀 Adjust size, color, radius, border, and hover states. 
5. Form Design Options 🚀 Control padding, width, background, shadow, and radius. 
6. Typography Settings 🚀 Change text size, labels, links, and tagline. 
7. One-click default restore 🚀 Reset everything back to WordPress default anytime. 
8. Version text 🚀 Customize version text 
9. Footer text 🚀 Customize footer text

Dashboard Plus

Everything you need to customize your WordPress Dashboard , Login Page.

KayzArt Live Code Editor vs Dashboard Plus