Md Jubayer Hossain

Neon Timeline for Elementor 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.
<h4>Key Features</h4>
Layout
<ul>
<li>Vertical timeline — alternating left/right cards with a centred animated rail</li>
<li>Horizontal timeline — drag-to-scroll card track with above/below alternating support</li>
<li>Per-breakpoint layout switching — 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>
Design
<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>
Per-item controls
<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>
Style controls (all via Elementor panel)
<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>
Performance & accessibility
<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.

sleekplan

Sleekplan is a customer feedback tool that can easily be embedded in any web application. The widget assists you to track suggestions, ideas, and bugs from your customers, share a roadmap, and keep a changelog. Moreover, Sleekplan calculates an impact score to prioritize feedback automatically by using meaningful metrics. You don’t need to have a paid subscription from <a href="https://sleekplan.com/?ref=wordpress" rel="nofollow ugc">Sleekplan</a> to use the feedback widget.
Some essential features:
<ul>
<li>Collect & manage feedback via an embedded widget</li>
<li>Measure and monitor customer satisfaction</li>
<li>Calculate an impact score based on meaningful metrics</li>
<li>Structure feedback with custom categories and statuses</li>
<li>Create a Roadmap</li>
<li>Keep a Changelog and notify customers</li>
<li>Get full control over the widget via the JavaScript SDK</li>
</ul>
<blockquote>
⁉️ Listening to users is huge. It’s important. BUT relying on the number of votes when making product decisions can be harmful. Consider that your largest customers’ vote counts exactly the same as a person running a free trial. I decided to introduce an algorithm that calculates an impact score. The score is based on much more meaningful metrics (e.g. customer satisfaction, customer weighting, implementation effort).
</blockquote>
The Sleekplan for WordPress plugin is based on <a href="https://sleekplan.com/?ref=wordpress" rel="nofollow ugc">Sleekplan.com</a>, a software as a service tool to collect and manage customer feeback. Here you can find our <a href="https://sleekplan.com/terms/?ref=wordpress" rel="nofollow ugc">terms of use</a> and <a href="https://sleekplan.com/privacy/?ref=wordpress" rel="nofollow ugc">privacy policies</a>.

Sleekplan – User Feedback, Roadmap & Changelog

An all-in-one feedback widget for websites

Jubayer Neon Milestones for Elementor vs Sleekplan – User Feedback, Roadmap & Changelog