shravanchoudhary

<p>Softech Addons for Elementor enhances the Elementor experience with a set of advanced widgets and UI utilities. Whether you’re building complex layouts using Loop Grid/Slider, Image Accordion, and more—this plugin makes it all possible.</p>
<p><strong>Free Widgets:</strong></p>
<ul>
<li>Loop Grid Slider</li>
<li>Testimonial Slider</li>
<li>Before After Slider</li>
<li>Blob Shapes</li>
<li>Flip Card</li>
<li>Image Accordion</li>
<li>Number Box</li>
<li>Dual Color Heading</li>
<li>PDF Viewer</li>
</ul>
<h3>How to Use Elementor Template Kit In Our Widgets</h3>
<p>You can use templates in the Loop Grid Slider widget and Testimonial widget. When a template layout is selected, the Edit Template button becomes available in the widget options. If you need to edit the template, click the button to quickly navigate to the template inside the Template Library.</p>
<h3>Pro Version</h3>
<p>Want more powerful widgets and premium templates?<br />
Get <strong><a href="https://portal.sitslab.com/admin/register/cm9sZV9pZD0y" rel="nofollow ugc">Softech Addons for Elementor Pro</a></strong> for exclusive features and advanced design tools.</p>
<p><strong>Pro Widgets:</strong></p>
<ul>
<li>Site Logo</li>
<li>Post Info</li>
<li>Post Comments</li>
<li>Call To Action</li>
<li>Image Shapes</li>
<li>Popup Widget</li>
<li>Progress Bars</li>
</ul>
<p><strong>Widgets short Description:</strong></p>
<h3>1. Loop Grid Slider</h3>
<p>Loop Grid Slider – A powerful and free Elementor grid slider widget. This widget can be used to showcase posts, products, portfolios, testimonials, or any custom content in a continuous loop layout. Supports multiple styles including carousel mode, multi-column layouts, card-style grids, responsive controls, autoplay, navigation arrows, and pagination options. Perfect for blog posts, listings, or dynamic content presentations with smooth transitions and full design flexibility.</p>
<h3>2. Testimonial Slider</h3>
<p>Testimonial Slider – A clean Elementor widget for displaying customer reviews in a slider format. Ideal for showcasing client feedback, star ratings, user photos, and detailed testimonials. Comes with text styling, avatar customization, autoplay options, loop mode, and elegant transitions. A perfect solution for trust-building sections on business, agency, or service-based websites.</p>
<h3>3. Before After Slider</h3>
<p>Before After Slider – An interactive Elementor image comparison widget. Allows users to drag a handle to compare two images side by side. Great for displaying transformations, edits, renovations, medical results, beauty treatments, restoration work, and more. Includes vertical/horizontal modes, label options, smooth animations, overlay styling, and full responsiveness.</p>
<h3>4. Blob Shapes</h3>
<p>Blob Shapes – A creative Elementor widget that generates organic, fluid-shaped blobs for modern website designs. Can be used as decorative elements, background highlights, image masks, or graphic accents in hero sections. Supports random shape generation, color controls, gradient backgrounds, SVG output, and full styling options to match your brand theme.</p>
<h3>5. Flip Card</h3>
<p>Flip Card – An interactive Elementor widget where the card flips on hover or click to reveal additional content. Ideal for service listings, team profiles, features, pricing boxes, or promotional content. Includes front/back design controls, flip directions, 3D animations, icons, images, and full typography customization.</p>
<h3>6. Image Accordion</h3>
<p>Image Accordion – A modern Elementor accordion made entirely of images. Expands smoothly on hover or click, revealing titles, descriptions, and call-to-action buttons. Perfect for galleries, category showcases, portfolios, headers, and storytelling layouts. Supports vertical/horizontal layouts, overlay colors, image effects, and advanced animation controls.</p>
<h3>7. Number Box</h3>
<p>Number Box – A simple and stylish Elementor widget for highlighting key numbers such as statistics, achievements, milestones, and business metrics. Includes icons, headings, number animations, description text, and customizable box layouts. Great for about pages, company highlights, service sections, and infographic-style displays.</p>
<h3>8. Dual Color Heading</h3>
<p>Dual Color Heading – An advanced heading widget for Elementor that lets you highlight specific words in a different color. Useful for hero titles, section headings, and marketing content. Includes typography controls, alignment options, gradient text, text backgrounds, and responsive design settings to enhance visual emphasis.</p>
<h3>9. PDF Viewer</h3>
<p>PDF Viewer – A convenient Elementor widget that displays PDF files directly on your webpage. Perfect for documents, menus, brochures, reports, forms, catalogs, or manuals. Supports zoom controls, scroll view, thumbnail navigation, and responsive adjustments. Eliminates the need for third-party PDF plugins or external viewer windows.</p>
<h3>Credits</h3>
<p>This plugin bundles the Swiper library (https://swiperjs.com/) licensed under the MIT license.</p>
<h3>Support</h3>
<p>If you find this plugin useful, consider supporting us via <a href="https://www.softechure.com" rel="nofollow ugc">Softechure</a>.</p>


Softech Addons for Elementor

Adds custom Elementor widgets like Loop Grid/Slider and Image Accordion to enhance your design flexibility.

Helmut Wandl

<p><strong>Theme Designer</strong> is a powerful WordPress plugin that allows you to create and manage block themes (FSE themes) without writing a single line of code. It provides an intuitive interface to configure all theme settings that are typically defined in the <code>theme.json</code> file.</p>
<h4>Key Features</h4>
<ul>
<li><strong>Visual Theme Builder</strong>: Create new themes with a simple form interface</li>
<li><strong>Complete Settings Management</strong>: Configure all theme.json settings through an intuitive admin panel</li>
<li><strong>Theme Metadata</strong>: Set theme name, description, author, version, and other metadata</li>
<li><strong>Screenshot Management</strong>: Upload and manage theme screenshots</li>
<li><strong>Color Palettes</strong>: Define custom color palettes and gradients</li>
<li><strong>Typography Settings</strong>: Configure font families, sizes, and fluid typography</li>
<li><strong>Spacing & Layout</strong>: Set up spacing scales, layout sizes, and user controls</li>
<li><strong>Border & Shadow</strong>: Define border styles, radius, and shadow presets</li>
<li><strong>Background Controls</strong>: Configure background image and positioning options</li>
<li><strong>Theme Export</strong>: Download your themes as installable ZIP files</li>
<li><strong>Theme Duplication</strong>: Easily duplicate existing themes as starting points</li>
<li><strong>WordPress Defaults</strong>: Choose to include or exclude WordPress default settings</li>
</ul>
<h4>What Gets Created</h4>
<p>When you create a theme with Theme Designer, it automatically generates:</p>
<ul>
<li><strong>Theme Directory Structure</strong>: Complete theme folder with all necessary files</li>
<li><strong>style.css</strong>: Theme header with all metadata</li>
<li><strong>theme.json</strong>: Complete configuration file with all your settings</li>
<li><strong>Templates</strong>: Basic <code>index.html</code> template for the main content area</li>
<li><strong>Template Parts</strong>: <code>header.html</code> and <code>footer.html</code> parts for site structure</li>
<li><strong>Screenshot</strong>: Theme preview image (if uploaded)</li>
</ul>
<h4>How It Works</h4>
<ol>
<li><strong>Open Theme Designer</strong>: In the admin panel go to “Design” <span aria-hidden="true" class="wp-exclude-emoji">→</span> “Theme Designer”</li>
<li><strong>Create Theme</strong>: Fill out the theme metadata form</li>
<li><strong>Configure Settings</strong>: Use the visual interface to set up colors, typography, spacing, etc.</li>
<li><strong>Preview & Test</strong>: Your theme is immediately available in the WordPress admin</li>
</ol>
<h4>Perfect For</h4>
<ul>
<li><strong>Developers</strong> who want to quickly prototype themes</li>
<li><strong>Designers</strong> who prefer visual tools over code</li>
<li><strong>Agencies</strong> creating custom themes for clients</li>
<li><strong>WordPress users</strong> who want to create their own themes</li>
<li><strong>Theme shops</strong> looking to streamline theme creation</li>
</ul>
<h4>Integration with Site Editor</h4>
<p>Themes created with Theme Designer work seamlessly with the WordPress Site Editor. You can:</p>
<ul>
<li>Customize templates and template parts visually</li>
<li>Add custom styles through the Site Editor interface</li>
<li>Override theme settings on a per-page basis</li>
<li>Create additional templates and parts as needed</li>
</ul>
<p><strong>Note</strong>: Settings defined in the Site Editor take precedence over theme settings, even after saving new values in the theme.</p>
<h4>Requirements</h4>
<ul>
<li>Block theme support enabled</li>
<li>Write permissions for the themes directory</li>
</ul>
<h3>More from the same author</h3>
<p>Take a look at <a href="https://www.wppeak.com/" rel="nofollow ugc">www.wppeak.com</a></p>


Theme Designer

Create and manage block themes with an intuitive interface. No coding required - design your theme's settings through a user-friendly admin panel.

Softech Addons for Elementor vs Theme Designer