Md Jubayer Hossain

<p><strong>Neon Timeline for Elementor</strong> adds a fully-featured, visually stunning timeline widget to the Elementor page builder. Display company histories, product roadmaps, career journeys, event chronologies, or step-by-step processes with a modern neon aesthetic — all controlled entirely from the Elementor panel, no custom CSS required.</p>
<h4>Key Features</h4>
<p><strong>Layout</strong></p>
<ul>
<li><strong>Vertical timeline</strong> — alternating left/right cards with a centred animated rail</li>
<li><strong>Horizontal timeline</strong> — drag-to-scroll card track with above/below alternating support</li>
<li><strong>Per-breakpoint layout switching</strong> — choose a different layout for Desktop, Tablet, and Mobile independently (e.g. Horizontal on desktop, Vertical on mobile)</li>
<li>Alternating, all-left, or all-right card positions for the vertical layout</li>
<li>Alternating above/below card positions for the horizontal layout</li>
</ul>
<p><strong>Design</strong></p>
<ul>
<li>4 built-in neon gradient colour presets: Electric Violet, Neon Magenta, Aurora Blue, Cyber Green</li>
<li>Custom colour override with full gradient control</li>
<li>Glassmorphism-style dark cards with a layered glow border on hover</li>
<li>Mouse spotlight effect — a subtle radial glow that follows the pointer inside each card</li>
<li>Smooth hover lift animation on cards</li>
<li>Active item rail progress fill that animates on scroll</li>
</ul>
<p><strong>Per-item controls</strong></p>
<ul>
<li>Badge label and colour</li>
<li>Date / year</li>
<li>Title, description</li>
<li>Icon (Font Awesome library, plain text/number, or image)</li>
<li>Card image with configurable height, border radius, and object-fit</li>
<li>Status indicator: Completed, Active, Upcoming</li>
<li>CTA button with URL and external link support</li>
<li>Individual card skin per item</li>
</ul>
<p><strong>Style controls (all via Elementor panel)</strong></p>
<ul>
<li>Card background, border radius, padding</li>
<li>Image height, image border radius, image fit</li>
<li>Icon box size and icon glyph size</li>
<li>Title, description, and date colours + full typography groups</li>
<li>Rail colour and thickness</li>
<li>Node size</li>
<li>Gap between cards (vertical and horizontal independently)</li>
<li>Horizontal card width and track top/bottom spacing</li>
<li>Entrance animation: Fade Up, Fade In, Zoom In, None</li>
<li>Stagger delay for sequential reveals</li>
</ul>
<p><strong>Performance & accessibility</strong></p>
<ul>
<li>Minified CSS and JS served in production (<code>SCRIPT_DEBUG</code> aware)</li>
<li>IntersectionObserver for scroll-triggered reveals (no layout-thrashing)</li>
<li>Throttled resize handler for breakpoint detection</li>
<li>Keyboard navigable (arrow keys move between items)</li>
<li><code>prefers-reduced-motion</code> respected — all animations disabled</li>
<li>Lazy-loaded card images</li>
<li>Proper ARIA attributes on interactive elements</li>
<li>Full live preview in the Elementor editor (content_template)</li>
</ul>
<h4>Use Cases</h4>
<ul>
<li>Company history and founding story</li>
<li>Product roadmap</li>
<li>Career journey / portfolio timeline</li>
<li>Event chronology</li>
<li>Step-by-step process guide</li>
<li>Project milestones</li>
<li>Product release timeline</li>
</ul>
<h4>Requirements</h4>
<ul>
<li>WordPress 6.3 or higher</li>
<li>Elementor 3.5.0 or higher (free version — does not require Elementor Pro)</li>
<li>PHP 7.4 or higher</li>
</ul>


Jubayer Neon Milestones for Elementor

Create stunning neon timeline layouts for Elementor with responsive design and smooth animations.

simsmaster

<p><strong>Eine Deutsche Version kann <a href="http://niklas-rother.de/projekte/wp-mantis" title="Deutsches Readme" rel="nofollow ugc">hier</a> gefunden werden</strong></p>
<p>Original Work by Robert Torres. His Version was not working, since he had a typo in a variable. I fixed this error and<br />
extendet this Plugin with some new Features like Changelogs, Roadmaps etc.</p>
<p>This plugin for WordPress 2.8 and above allows you to insert information from a Mantis Bug Tracker<br />
into a wordpress page or post.  The plugin is perfect for projects which use WordPress for blogging,<br />
but also utilize Mantis for their bug tracking/issue tracking. You can include bug lists,<br />
changelogs and roadmaps.</p>
<p>After you installed the Plugin you have to do the following steps:</p>
<ol>
<li>Create a user in Mantis wich represents your blog. You could name him ‘wordpress’. This user needs at least Reporter<br />
Rights due a limitation in Mantis, but you can see the botton of the page to find out, how to change this.</li>
<li>Configure the Plugin.</li>
<li>Add <code>[Mantis]</code> to the post or page where you want to appear the infomation from Mantis. See below for further instructions.</li>
</ol>
<h4>About the Shortcode</h4>
<p>You must provide options in the Shortcode:</p>
<ul>
<li>To include a bug list use <code>[Mantis bugs proj_id=x]</code>. Replace x with the ID of the project wich you want to display.<br />
You can find the ID in the URL of the Mantis Management Page for this project.</li>
<li>To include a roadmap use <code>[Mantis roadmap ver_id=x]</code>. Replace x with the ID of the Version for that you want to display<br />
the roadmap. You can find this ID in the URL, when you view a single Roadmap in Mantis.</li>
<li>To include a changelog use <code>[Mantis changelog ver_id=x]</code>. See the instruction above this to find the ID.</li>
</ul>
<p>When including a roadmap or a changelog you can speficify a project and version <em>name</em> instead of the ID:<br />
    [Mantis roadmap proj_name=my_project ver_name=1.2.3] or you can use a project ID and a version name: <code>[Mantis roadmap proj_id=x ver_name=y]</code><br />
<strong>The <code>ver_name</code> Paramter is optional, if missing the full changelog/roadmap for the project will be displayed</strong></p>
<p>If you use the ‘bugs’ option, you can add the ‘exclude_stat’ or ‘include_stat’ parameter. After the eqal sign you can add (comma seperated)<br />
the IDs of the statuses to exclude or include. (You can not use include and exclude at the same time, of course!)<br />
So if you dont want to include closed and fixed bugs you would write <code>[Mantis bugs proj_id=1 exclude_stat=90,80]</code><br />
Here is a list of the IDs:</p>
<ul>
<li>10 New</li>
<li>20 Feedback</li>
<li>30 Acknowledged</li>
<li>40 Confirmed</li>
<li>50 Assigned</li>
<li>80 Resolved</li>
<li>90 Closed</li>
</ul>
<p>With the <code>limit</code> paramter you can limit the displayed bugs. To display the latest 5 fixed bugs you would write<br />
    [Mantis bugs proj_id=1 include_stat=80 limit=5]</p>
<p>You can change the table background color for each status and use the localized status names from your mantis installation.</p>
<h4>Why the Mantis User needs Reporter rights</h4>
<p>This plugin uses the Mantis SOAP API to get the bug information. And to access this API the user needs at least Reporter<br />
right. To change this you can create a ‘mc_config_inc.php’ file in your ‘/api/soap’ directory with the following<br />
content:</p>
<p>Now Viewer rights are suffiant for the user.</p>
<h4>Further plans: (eventually)</h4>
<ul>
<li>Only include the CSS/JavaScript if the <code>[Mantis]</code> shortcode is in the content</li>
</ul>
<h4>Translations</h4>
<p>The original plugin is in english, but you can translate in your langguage, since the pot file is included. If I should include<br />
your translation, email me: info at niklas-rother dot de. So far the following translations are included:</p>
<ul>
<li>German/Deutsch</li>
<li>Frensch/Francais</li>
</ul>
<h4>Know Bugs</h4>
<ul>
<li>The changelog and roadmap is in the default language, not in the language of the user. At this point I dont see a change to fix this.</li>
</ul>


WP Mantis

Extended Version of "WP Mantis Table". Allows to view Changelogs, Roadmaps and Buglists from MantisBT in Wordpress Pages and Post.

Jubayer Neon Milestones for Elementor vs WP Mantis