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.

Weblizar - WordPress Themes &amp; Plugin

Ultimate Timeline plugin creates beautiful history time-lines on your website. It is responsive time-line showcase in DESC order based on posted date of stories with colors, fontawsome icons. 
A quick and easy to use timeline plugin to build creative and responsive timelines for your website. Display the beautiful time-line grid and list of WordPress posts, pages in minutes. No coding required. Mobile friendly. Optimized for performance.
<h3>Ultimate Timeline – WordPress #1 Timeline Plugin</h3>
Ultimate Timeline is a responsive WordPress pure HTML & CSS timeline plugin that allows you to create beautiful horizontal and vertical history timeline. You simply create posts, set images and date then Ultimate Timeline will automatically populate these posts in chronological order(DESC), based on the posted date of stories. You can easily show timeline on any page of your website using shortcode – [weblizar_timeline]
<h4>Ultimate Timeline Shortcode</h4>
<blockquote>
[weblizar_timeline layout=”default” date-format=”Y M d” icons=”YES” show-posts=”YES” order=”DESC” story-content=”full”]
</blockquote>
<h3>Features Of Ultimate Timeline</h3>
<ul>
<li>Vertical Timeline :- Now our free users can also create a Vertical timeline, means a timeline without a lot of space between stories.</li>
<li>Default Layout – If you love clean and clear look without a lot of colors then you can showcase your story via our default layout.</li>
<li>Horizontal Road-map Timeline :- With help of Roadmap design, you can represent your Project/Company Plans and Phases.</li>
<li>Advanced Design & Optimized Code :- We have also made it developer friendly, you can easily customize timeline story default query.</li>
<li>Create both-sided vertical timeline :- It can support the Vertical/Horizontal timeline.</li>
<li>Choose cool icons along with stories :- Every history have options to set icons.</li>
<li>Show stories in DESC order :- Timeline can be arrange according DESC order.</li>
<li>Easy to use shortcode to place the ultimate timeline wherever your heart desires – [weblizar_timeline] :- It can provide the unlimited short-code options.</li>
<li>Responsive and mobile ready timeline : – This is Responsive Design each of one</li>
</ul>
<h4>Live Ultimate Timeline Pro Demos</h4>
<ul>
<li>
<a href="https://weblizar.com/plugins/ultimate-timeline-responsive-timeline-history/" rel="nofollow ugc">Ultimate Timeline Pro</a>
</li>
<li>
<a href="https://demo.weblizar.com/ultimate-timeline-pro/" rel="nofollow ugc">Ultimate Timeline Pro Demo</a>
</li>
</ul>
<h4>Ultimate Timeline Pro Features</h4>
<ul>
<li>30 Different Design :- Ultimate Timeline support the 30 Different Design. It can make the beautiful and attractive your sites.</li>
<li>Vertical/Horizontal timeline :- It can support the 2 type of time lines Vertical/Horizontal</li>
<li>Timeline Background Color :- Set the Background Color as per your required time line.</li>
<li>Unlimited Timeline Icons :- We provide the the option for select the unlimited fontawsome icons.</li>
<li>Specify Story background colors :- Background colors option available in the plugin and design your Story.</li>
<li>Dates format for each stories :- Date format option are allows to each of history.</li>
<li>Custom Timeline :- Create unlimited custom history according to your required.</li>
<li>Blog/Post timeline and display as category wise :- Blog/Post option is also use as time line. using this plugin.</li>
<li>Custom CSS for each Timeline :- It can support the custom css option to design the time line of color and other combination.</li>
<li>Responsive and Mobile ready : This is Responsive Design each of one.</li>
<li>Translation ready :- Plugin is completely Translation ready.</li>
</ul>
<h4>Live Ultimate Timeline Pro Demos</h4>
<ul>
<li>
<a href="https://weblizar.com/plugins/ultimate-timeline-responsive-timeline-history/" rel="nofollow ugc">Ultimate Timeline Pro</a>
</li>
<li>
<a href="https://demo.weblizar.com/ultimate-timeline-pro/" rel="nofollow ugc">Ultimate Timeline Pro Demo</a>
</li>
</ul>
<h4>Where can you use Ultimate Timeline plugin?</h4>
You can show history/future stories, events, appointments and many other cool things using our Ultimate Timeline plugin. Here are all areas where you can use this plugin:-
<ul>
<li>Represent your company story</li>
<li>Showcase tutorial/process steps in timeline format</li>
<li>Create a program timeline</li>
<li>Timeline is best way to represent history</li>
<li>Create events / appointments timeline</li>
<li>Job stories / achievements time-line</li>
<li>Personal story timeline</li>
</ul>
We have tried our best to create an awesome timeline plugin but still if you face any installation, coding or design error, you can <a href="mailto:support@weblizar.com" rel="nofollow ugc">contact us</a> anytime. Also remember to try our Ultimate Timeline Pro version for extra cool features and design options.
<h4>Translators</h4>
Please contribute to translate our plugin. Contact at <code>contact (at) weblizar (dot) com</code>.

Ultimate Timeline – Responsive History Timeline

Ultimate Timeline plugin creates beautiful history time-lines on your website. It is responsive time-line showcase in DESC order based on posted date  …

Jubayer Neon Milestones for Elementor vs Ultimate Timeline – Responsive History Timeline