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.

highprrrr

<p>Empower your WordPress website with <a href="https://roadmapwp.com" rel="nofollow ugc">RoadMapWP</a>, the ultimate solution for building user-driven roadmaps. Engage your audience, gather valuable insights, and stay ahead of the competition.</p>
<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/rAxzMLXRE7s?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>Easy to use shortcodes (and blocks for pro users) make RoadMapWP ready to go right out of the box. You can literally be up and running, ready to collect feedback and feature ideas from your users within a matter of minutes!</p>
<p>RoadMapWP allows Product Managers, Software Developers, or anybody with a product or service that they are continuously iterating on and improving to collect feedback, and organize the ideas on a public facing roadmap that lets you keep your customers in the loop and helps you build trust with your users.</p>
<p>Customize all the buttons and colors in RoadMapWP with easy to use color pickers built right into the WordPress Customizer.</p>
<h4>✨ Take RoadMapWP To the Next Level</h4>
<p>Looking for more advanced features, like custom headings, custom filters and advanced blocks? Checkout <a href="https://roadmapwp.com/#pricing" rel="nofollow ugc">RoadMapWP Pro</a></p>
<h3>📃 Documentation</h3>
<p>Check out our <a href="https://roadmapwp.com/kb_article/getting-started/" rel="nofollow ugc">Getting Started</a> knowledgebase article to see just how quick and easy it is to get setup.</p>


RoadMapWP

We're using this for Pods on our recently updated Friends of Pods Feature Voting page.

This works great because it allows us to restrict via custom code whether people can vote and submit ideas based on whether they are GiveWP donors in our system.

It looks great and is very easy to work with for me. I highly recommend checking it out!

Fantastic solution for idea roadmapping and voting

RoadMapWP is the number one roadmap plugin for WordPress. Easily create and manage roadmaps to collect feedback and keeping your customers in the loop …

Jubayer Neon Milestones for Elementor vs RoadMapWP