NF Tushar

<p>? <strong>Professional Gutenberg Blocks for WordPress</strong> †Powered by AI and GSAP animations? ? A comprehensive WordPress plugin featuring 8 production-ready Gutenberg blocks with AI integration, advanced animations, and WooCommerce support.? ? —? ?</p>
<h3>Features?</h3>
<p>?</p>
<h3>AI-Powered Blocks?</h3>
<ul>
<li><strong>AI FAQ Block</strong> †Automatically generate and manage FAQs using AI?</li>
<li><strong>AI Recommendations</strong> †Smart content suggestions powered by OpenAI?</li>
<li><strong>AI Product Recommendations</strong> †Intelligent WooCommerce product recommendations?<br />
?</li>
</ul>
<h3>Animation & Design Blocks?</h3>
<ul>
<li><strong>Text Animation</strong> †GSAP-powered animations with 5 easing functions (easeInOut, easeIn, easeOut, linear, bounce)?</li>
<li><strong>Product Slider</strong> †Smooth GSAP carousel with 500ms transitions and momentum?</li>
<li><strong>Product Carousel</strong> †Autoplay-enabled product showcase with smooth animations?</li>
<li><strong>Advanced Post Block</strong> †Multi-layout post display (Grid, Masonry, Slider, Ticker)?</li>
<li><strong>Post Grid</strong> †Flexible post grid with advanced filtering?<br />
?</li>
</ul>
<h3>Professional Architecture?</h3>
<ul>
<li><strong>8 Independent Gutenberg Blocks</strong> †Fully customizable and modular?</li>
<li><strong>Admin Settings Panel</strong> †Enable/disable blocks with AJAX save (no page reload)?</li>
<li><strong>Real-time Notifications</strong> †Toast notifications for all user actions?</li>
<li><strong>Service Architecture</strong> †Dependency injection container and interface-based design?</li>
<li><strong>REST API</strong> †Full REST API endpoints for programmatic access?</li>
<li><strong>Caching System</strong> †Built-in performance optimization layer?</li>
<li><strong>Professional Logging</strong> †File-based logging with rotation?</li>
<li><strong>WooCommerce Ready</strong> †Full integration and compatibility?<br />
?<br />
—?<br />
?</li>
</ul>
<h3>Requirements?</h3>
<p>?<br />
– <strong>WordPress</strong> 5.8+ (Tested up to 6.7)?<br />
– <strong>PHP</strong> 7.4+ (Tested up to 8.3)?<br />
– <strong>Node.js</strong> 14+ (for development)?<br />
– <strong>npm</strong> or <strong>yarn</strong>?<br />
?<br />
—?<br />
?</p>
<h3>Installation?</h3>
<p>?</p>
<h3>Quick Start?</h3>
<pre><code>`bash?
</code></pre>
<p>git clone https://github.com/nftushar/blockxpert.git?<br />
cd blockxpert?<br />
npm install?<br />
composer install?<br />
npm run build?<br />
    `?<br />
?</p>
<h3>WordPress Activation?</h3>
<ol>
<li>Navigate to <strong>Plugins</strong> in WordPress admin?</li>
<li>Find <strong>BlockXpert</strong> and click <strong>Activate</strong>?</li>
<li>All 8 blocks are active by default?</li>
<li>Manage blocks in <strong>Settings ℠BlockXpert</strong>?<br />
?<br />
—?<br />
?</li>
</ol>
<h3>Development?</h3>
<p>?</p>
<h3>Build Commands?</h3>
<pre><code>`bash?
</code></pre>
<p>npm run build              # Development build?<br />
npm run build:prod        # Production build (optimized)?<br />
npm start                 # Watch mode with auto-rebuild?<br />
npm run clean             # Clear build folder?<br />
    `?<br />
?</p>
<h3>Code Quality?</h3>
<pre><code>`bash?
</code></pre>
<p>npm run lint              # Check code quality (ESLint)?<br />
npm run format            # Auto-format code (Prettier)?<br />
npm run validate          # Run all checks?<br />
    `?<br />
?</p>
<h3>PHP Dependencies?</h3>
<pre><code>`bash?
</code></pre>
<p>composer install          # Install dependencies?<br />
composer install –no-dev # Production (no dev dependencies)?<br />
    `?<br />
?<br />
—?<br />
?</p>
<h3>Project Structure?</h3>
<p>?<br />
    <code>?<br />
blockxpert/?<br />
──┠blockxpert.php                    ℠Main plugin entry?<br />
──┠package.json                      ℠npm dependencies?<br />
──┠composer.json                     ℠PHP dependencies?<br />
──┠banner-772x250.png                ℠Plugin banner (WordPress.org)?<br />
──┠icon-128x128.png                  ℠Plugin icon?<br />
?<br />
──┠src/                              ℠React/JavaScript source?<br />
┠  ──┠blocks/                       ℠8 Gutenberg blocks?<br />
┠  ┠  ──┠text-animation/?<br />
┠  ┠  ──┠product-slider/?<br />
┠  ┠  ──┠ai-faq/?<br />
┠  ┠  ──┠post-grid/?<br />
┠  ┠  ──┠product-carousel/?<br />
┠  ┠  ──┠advanced-post-block/?<br />
┠  ┠  ──┠ai-recommendations/?<br />
┠  ┠  ──┠ai-product-recommendations/?<br />
┠  ──┠shared/                       ℠Reusable utilities?<br />
┠      ──┠components/               ℠React components?<br />
┠      ──┠hooks/                    ℠Custom hooks?<br />
┠      ──┠services/                 ℠API clients?<br />
┠      ──┠context/                  ℠Global state?<br />
┠      ──┠utils/                    ℠Helpers?<br />
?<br />
──┠includes/                         ℠PHP backend?<br />
┠  ──┠classes/                      ℠Service classes?<br />
┠  ──┠interfaces/                   ℠Service contracts?<br />
┠  ──┠admin/                        ℠Admin UI?<br />
┠  ──┠assets/                       ℠Admin styles/scripts?<br />
?<br />
──┠build/                            ℠Compiled assets?<br />
──┠vendor/                           ℠Composer dependencies?<br />
──┠languages/                        ℠Translation files?</code>?<br />
?<br />
—?<br />
?</p>
<h3>Block Specifications?</h3>
<p>?<br />
| Block | Type | Features | Status |?<br />
|——-|——|———-|——–|?<br />
| Text Animation | Design | GSAP animations, 5 easing functions | ✠Production |?<br />
| Product Slider | WooCommerce | Carousel, momentum transitions | ✠Production |?<br />
| AI FAQ | Content | AI-powered accordion | ✠Production |?<br />
| AI Recommendations | AI | Dynamic suggestions | ✠Production |?<br />
| Post Grid | Posts | Advanced filters and layouts | ✠Production |?<br />
| Product Carousel | WooCommerce | Autoplay, pagination | ✠Production |?<br />
| Advanced Post Block | Posts | Grid, Masonry, Slider, Ticker | ✠Production |?<br />
| AI Product Recommendations | WooCommerce | Smart product filtering | ✠Production |?<br />
?<br />
—?<br />
?</p>
<h3>GSAP Animations?</h3>
<p>?<br />
BlockXpert uses <strong>GSAP 3.14</strong> for smooth, performant animations:?<br />
?</p>
<h3>Text Animation Block?</h3>
<ul>
<li><strong>5 Easing Functions</strong> †easeInOut, easeIn, easeOut, linear, bounce?</li>
<li><strong>Real-time Preview</strong> †See animations instantly in editor?</li>
<li><strong>Customizable Duration</strong> †100ms to 5000ms animation speed?</li>
<li><strong>Stagger Support</strong> †Multi-element animations with delays?<br />
?</li>
</ul>
<h3>Product Blocks?</h3>
<ul>
<li><strong>500ms Transitions</strong> †Smooth momentum-based slides?</li>
<li><strong>Hardware Acceleration</strong> †GPU-optimized for performance?</li>
<li><strong>Touch Support</strong> †Smooth swipe animations on mobile?</li>
<li><strong>Auto-play</strong> †Interval-based automatic animation?<br />
?</li>
</ul>
<h3>Performance?</h3>
<ul>
<li><strong>RequestAnimationFrame Optimized</strong> †60 FPS smooth animations?</li>
<li><strong>Lightweight</strong> †GSAP 3 is only ~15KB minified?</li>
<li><strong>Auto-Cleanup</strong> †Proper animation destruction on unmount?</li>
<li><strong>GPU Acceleration</strong> †Transform3D for smooth performance?<br />
?<br />
—?<br />
?</li>
</ul>
<h3>Architecture?</h3>
<p>?</p>
<h3>Backend (PHP)?</h3>
<ul>
<li><strong>Dependency Injection</strong> †Professional service container?</li>
<li><strong>Service Interfaces</strong> †Clear contracts for extensibility?</li>
<li><strong>Logger Service</strong> †File-based logging with rotation?</li>
<li><strong>Cache Layer</strong> †Performance optimization?</li>
<li><strong>AI Provider Abstraction</strong> †Pluggable AI system support?</li>
<li><strong>REST API</strong> †WordPress REST API integration?<br />
?</li>
</ul>
<h3>Frontend (React)?</h3>
<ul>
<li><strong>8 Independent Blocks</strong> †Full Gutenberg integration?</li>
<li><strong>GSAP Animations</strong> †Smooth, performant effects?</li>
<li><strong>React Context</strong> †Global state management?</li>
<li><strong>Custom Hooks</strong> †useAPI, useCache, useDebounce?</li>
<li><strong>Error Boundaries</strong> †Reliability and error handling?<br />
?</li>
</ul>
<h3>Build System?</h3>
<ul>
<li><strong>Webpack (wp-scripts)</strong> †Optimized bundling?</li>
<li><strong>SCSS Compilation</strong> †Modern styling?</li>
<li><strong>Auto Asset Generation</strong> †Automatic bundling?</li>
<li><strong>Cache Busting</strong> †Invalidation built-in?<br />
?<br />
—?<br />
?</li>
</ul>
<h3>Configuration?</h3>
<p>?</p>
<h3>Admin Settings?</h3>
<p>Access block settings at <strong>Settings ℠BlockXpert</strong>😕<br />
– Enable/disable individual blocks?<br />
– Configure block behavior?<br />
– Manage AJAX-based settings?<br />
– Real-time notification feedback?<br />
?</p>
<h3>API Endpoints?</h3>
<ul>
<li><code>POST /wp-json/blockxpert/v1/save-settings</code> †Save plugin settings?</li>
<li>Full REST API documentation included?<br />
?<br />
—?<br />
?</li>
</ul>
<h3>Creating New Blocks?</h3>
<p>?<br />
1. Create folder: <code>src/blocks/my-block/</code>?<br />
2. Copy structure from existing block?<br />
3. Edit block files (index.js, block.json, view.js)?<br />
4. Build: <code>npm run build</code>?<br />
5. Test in WordPress editor?<br />
?<br />
—?<br />
?</p>
<h3>Version History?</h3>
<p>?</p>
<h3>1.2.0 – March 28, 2026?</h3>
<p><strong>Enhanced Admin UX with AJAX & Real-time Feedback</strong>?<br />
– AJAX-based settings save (no page reload)?<br />
– Real-time toast notifications?<br />
– REST API endpoint for settings?<br />
– WordPress 6.7 compatibility?<br />
– PHP 8.3 tested and verified?<br />
?</p>
<h3>1.1.0?</h3>
<ul>
<li>Initial 8 blocks implementation?</li>
<li>AI FAQ and Product Recommendations?</li>
<li>GSAP animations?</li>
<li>Professional logging and caching?<br />
?</li>
</ul>
<h3>1.0.0?</h3>
<ul>
<li>Initial release with core blocks?<br />
?<br />
—?<br />
?</li>
</ul>
<h3>Contributing?</h3>
<p>?<br />
1. Fork the repository?<br />
2. Create a feature branch: <code>git checkout -b feature/name</code>?<br />
3. Make your changes?<br />
4. Build and test: <code>npm run build</code>?<br />
5. Format code: <code>npm run format</code>?<br />
6. Submit a pull request?<br />
?<br />
—?<br />
?</p>
<h3>License?</h3>
<p>?<br />
GPL v2 or later †See <a href="LICENSE.txt" rel="nofollow ugc">LICENSE.txt</a> for full license?<br />
?<br />
—?<br />
?</p>
<h3>Support?</h3>
<p>?</p>
<h3>Troubleshooting?</h3>
<ul>
<li><strong>Blocks not appearing?</strong> ℠<code>npm run clean && npm run build</code>?</li>
<li><strong>Build errors?</strong> ℠Delete node_modules: <code>rm -rf node_modules && npm install</code>?</li>
<li><strong>Admin issues?</strong> ℠Check PHP error logs?<br />
?</li>
</ul>
<h3>Resources?</h3>
<ul>
<li>GitHub: https://github.com/nftushar/blockxpert?</li>
<li>Issues: https://github.com/nftushar/blockxpert/issues?</li>
<li>WordPress.org: https://wordpress.org/plugins/blockxpert/?<br />
?<br />
—?<br />
?<br />
<strong>Author:</strong> NF Tushar  ?<br />
<strong>Status:</strong> ✠Production Ready  ?<br />
<strong>Version:</strong> 1.2.0?<br />
?</li>
</ul>


BlockXpert

? Professional Gutenberg Blocks for WordPress †Powered by AI and GSAP animations? ? A comprehensive WordPress plugin featuring 8 production-ready Gut …

livemesh

<p><strong>AI Scribe is an AI-driven content generator for WordPress that leverages the OpenAI API to produce high-quality, original content.  It uses the same technology behind ChatGPT</strong> to create customized written content aligned with your objectives and requirements. <strong>The premium version of the tool can generate text as well as images.</strong></p>
<p>With this tool, you can easily create compelling and engaging content for your website, blog, or other digital platforms. Whether you are a blogger, marketer, or business owner, this content generator can help you save time and effort while creating high-quality content that resonates with your target audience.</p>
<p><strong>Built with React JS, AI Scribe features sleek controls and instant-loading template pages. Watch the demo videos below to know more.</strong></p>
<h3>Template Dashboard Demo</h3>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/SoaIQUsZDJ8?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></span></p>
<h3>Generate a Post/Page in the Blocks Editor</h3>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/w9JfwUNdVb4?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></span></p>
<p>Upon activating the plugin, please navigate to the settings panel located at <strong>AI Scribe -> Settings</strong> in WP Admin and input the Open AI secret key. Be sure to also provide all necessary default values for fields temperature and language model before saving the changes.</p>
<p><strong>Generate content using the provided templates either in the AI Scribe app within WP Admin or directly in the blocks editor for a page or post.</strong> The AI Scribe app is also accessible in the sidebar of the post or page editor in WordPress.</p>
<p><strong>AI Scribe offers over 13 templates for content generation.</strong> To generate high-quality content, each template requires you to provide relevant information, such as the topic, target audience, and key points or takeaways.</p>
<p>The plugin comes with more than 10 templates for content generation. Each template requires you provide relevant information like topic, target audience, key points or takeaways to generate quality content.</p>
<p><strong>Remember, the output quality is directly related to the quality of the input.</strong> This plugin is designed to help you offer the right input that optimizes AI’s potential. <strong>Each of the 13+ AI Scribe templates includes clear, comprehensive instructions on the information needed to be submitted to the AI for generating unique, high-quality content.</strong></p>
<p>Once you provide the additional information like language, max words, writing style and tone, hit the Generate button to create or rephrase content.</p>
<p><strong>The <a href="https://codecanyon.net/item/ai-scribe-content-writer-openai-gpt/45331699" title="AI Scribe Content Writer Premium Version" rel="nofollow ugc">premium version of the plugin</a></strong> can do much more –<br />
* <strong>20+ templates</strong> for content generation. The free version supports only 13 templates.<br />
* <strong>You can generate AI images</strong> with Generate Images template. You can choose the image style as well as the size. The image generated can be saved to media library and inserted into the posts editor.<br />
* <strong>Article Wizard Template</strong> lets you create articles step by step from title to outline to article.<br />
* Additional premium templates include <strong>Rewrite Content, Shorten Content, Listicle Ideas, AIDA Framework, Before After Bridge, Social Media Post</strong> with more planned in coming days.</p>
<h3>The Article Wizard Demo (Premium)</h3>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/3v4kAwY3cXU?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></span></p>
<h3>Generating and Adding AI Images to a Post (Premium)</h3>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/TI_UOL589Fk?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></span></p>
<p>Main Features</p>
<p><strong>1. AI Scribe is a fast-loading, highly intuitive React JS app that allows you to harness AI for text generation</strong>, based on your chosen prompt, keywords, writing style, tone, and language.</p>
<p><strong>2. The user interface features elegant controls and instant-loading template pages</strong> thanks to React JS. You’ll enjoy working with AI Scribe.</p>
<p><strong>3. The 20+ templates are designed to help you create high-quality content. Each template includes detailed instructions</strong> on the input AI requires to generate content. <strong>AI Scribe guides you through the process <em>step by step</em> to ensure the AI understands your specific needs. We even provide a way to insert example instructions for most templates to help you get started quickly. It’s not just another gimmicky app that promises unrealistic results.</strong></p>
<p><strong>4. Choose between two apps: one as the AI Scribe page in WP Admin, and another as a sidebar app in the blocks editor for Posts and Pages</strong>. Using the sidebar AI Scribe app in the editor, <strong>you can insert the generated content into the blocks editor with just one click.</strong></p>
<p><strong>5. The 20+ templates cater to a wide range of needs</strong>. Generate blog posts, create content for your pages, rephrase/rewrite/expand/shorten/summarize sentences, or produce sales copy and marketing content for web pages or social media.</p>
<p><strong>6. Customize the instructions sent to AI </strong> to obtain content tailored to your specific requirements. Most AI tools lack such granular control, but our tool strikes a balance by offering essential controls without overwhelming you. <strong>Template pages are thoughtfully designed to include only the crucial options needed for the AI to deliver outstanding results.</strong></p>
<p><strong>7. Ability to save the AI instructions (prompt) and reset the same to default</strong>. The plugin now lets you save the changes you make to the prompt of a template to suit your needs. You can reset to the default prompt any time in the future with a single click of a button. </p>
<p><strong>8. AI Scribe makes creating quality content easier and more affordable than ever.</strong><em> If you’ve used content generation tools like Jasper/Jarvis, Copy AI, or Writesonic, you’ll find AI Scribe just as effective while saving you hundreds of dollars annually. </em>With more templates and features planned, this tool will only improve over time.</p>
<p>Upcoming Premium Features</p>
<ul>
<li><em>Ability to save and reset prompt for a template</em>–<strong>Done</strong></li>
<li><em>An uber blog post template that generates a blog post step by step from title to sections to post paragraphs within a single window</em>–<strong>Done</strong></li>
<li>Ability to create templates of one’s own and save the same.</li>
<li><em>Ability to generate images and insert the same into the post/page editor</em>–<strong>Done</strong></li>
<li>Elementor support. The sidebar app will be available for Elementor editor as well.</li>
<li>Classic editor support. The sidebar app will be available for Classic editor as well.</li>
<li>Many more including any templates or features users request for …. </li>
</ul>
<h3>Support</h3>
<p>We provide support to the free version of the plugin in the <a href="https://wordpress.org/support/plugin/ai-scribe/" title="AI Scribe for WordPress by Livemesh Support Forum" rel="ugc">dedicated support forum</a>.</p>


AI Scribe – Content Writer, OpenAI GPT

An AI powered content writer and generator for WordPress utilizing the OpenAI API that powers ChatGPT.

BlockXpert vs AI Scribe – Content Writer, OpenAI GPT