innovator Yard

Key Features:
<ul>
<li>Easy Activation: Simply install and activate the plugin to start using Bootstrap and Tailwind CSS in your WordPress site.</li>
<li>Universal Compatibility: Works across various Bootstrap and Tailwind CSS versions, ensuring compatibility with your existing projects.</li>
<li>Flexible Integration: Easily add Bootstrap classes to your divs and containers, enhancing your site’s styling capabilities.</li>
<li>No Coding Required: Eliminate the need for manual coding of CSS classes, saving time and reducing errors.</li>
</ul>
How It Works:
<ol>
<li>Install and Activate: Install the plugin through the WordPress admin panel and activate it.</li>
<li>Use Bootstrap Classes: Apply Bootstrap classes directly to your HTML elements within your WordPress content.</li>
<li>Utilize Tailwind CSS: Incorporate Tailwind CSS utility classes into your WordPress theme or custom post types.</li>
<li>Customization Options: While not required, you can customize the plugin settings to fine-tune its behavior if needed.</li>
</ol>
Enhance your WordPress site’s design capabilities with Bootstrap and Tailwind CSS Integrator – a straightforward solution for incorporating these powerful front-end frameworks into your web development workflow.
<h3>Short Description</h3>
Easily integrate Bootstrap and Tailwind CSS into your WordPress site.

Add Bootstrap and Tailwind Css

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.

Add Bootstrap and Tailwind Css vs KayzArt Live Code Editor