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.

ankit07721

<p>DearTimeline allows you to create beautiful, responsive vertical timelines with professional zigzag layouts. Unlike other timeline plugins that clutter your page with complex blocks, DearTimeline provides a simplified, centralized workspace designed for speed and clarity.</p>
<h3>Why DearTimeline Plugin for WordPress?</h3>
<p>Most timeline plugins rely on the complex Block Editor, which can be overwhelming for simple event management. DearTimeline removes the noise and gives you a dedicated “Event Styling” dashboard. It’s built for users who want a professional, high-end timeline without the configuration headache.</p>
<h3>Core Features (Explained)</h3>
<ul>
<li><strong>Centralized Workspace</strong>: Say goodbye to the Block Editor. Manage titles, dates, descriptions, and images from a single, high-priority dashboard in your admin screen.</li>
<li><strong>Integrated Live Preview</strong>: An embedded “Live Desktop Preview” appears directly below your editor, showing your changes instantly as you save.</li>
<li><strong>Frontend Batch Creation</strong>: Use the unique “Add New Event” popup on your website to add multiple events at once using a repeater-style form.</li>
<li><strong>Precision Image Controls</strong>: Every event image can have its own custom width and height, rendered with <code>object-fit: cover</code> to ensure professional cropping without distortion.</li>
<li><strong>Zigzag Layout Intelligence</strong>: The plugin automatically alternates your events left and right, maintaining a perfectly straight center spine.</li>
<li><strong>Dual Layout Options</strong>: Choose between the “Classic” (calendar-box style) and “Flat” (minimalist modern) layouts.</li>
</ul>
<h3>Best Use Cases</h3>
<ul>
<li><strong>Company History</strong>: showcase your brand’s journey from day one to today.</li>
<li><strong>Product Roadmaps</strong>: Keep your customers informed about upcoming features and past milestones.</li>
<li><strong>Personal Portfolios</strong>: Display your career progression or life story in a visually engaging way.</li>
<li><strong>Event Schedules</strong>: Perfect for conferences or multi-day workshops.</li>
</ul>
<h3>Usage</h3>
<h3>Basic Shortcode</h3>
<pre><code>[deartimeline]
</code></pre>
<h3>Switching Layouts</h3>
<ul>
<li><strong>Classic Layout</strong>: <code>[deartimeline layout="classic"]</code> (Best for detailed history)</li>
<li><strong>Flat Layout</strong>: <code>[deartimeline layout="flat"]</code> (Best for modern roadmaps)</li>
</ul>
<h3>Animations</h3>
<p>Choose from professional entrance effects:<br />
– <code>[deartimeline animation="fade-in"]</code> (Default)<br />
– <code>[deartimeline animation="flip-up"]</code><br />
– <code>[deartimeline animation="zoom"]</code></p>


Dear Timeline


Best fit for my site, perfectly aligned and supportive developer.


Amazing Product

A premium, responsive vertical timeline for WordPress. Features a centralized "All-in-One" editor, batch event creation, and custom image di …

Jubayer Neon Milestones for Elementor vs Dear Timeline