Title: Jubayer Neon Milestones for Elementor Author: Md Jubayer Hossain Published: April 10, 2026 Last modified: April 11, 2026 --- Search plugins ![](https://ps.w.org/jubayer-neon-milestones-for-elementor/assets/banner-772x250. png?rev=3515529) ![](https://ps.w.org/jubayer-neon-milestones-for-elementor/assets/icon-256x256.png? rev=3503420) # Jubayer Neon Milestones for Elementor By [Md Jubayer Hossain](https://profiles.wordpress.org/jubayerhossain/) [Download](https://downloads.wordpress.org/plugin/jubayer-neon-milestones-for-elementor.1.0.0.zip) * [Details](https://wordpress.org/plugins/jubayer-neon-milestones-for-elementor/#description) * [Reviews](https://wordpress.org/plugins/jubayer-neon-milestones-for-elementor/#reviews) * [Installation](https://wordpress.org/plugins/jubayer-neon-milestones-for-elementor/#installation) * [Development](https://wordpress.org/plugins/jubayer-neon-milestones-for-elementor/#developers) [Support](https://wordpress.org/support/plugin/jubayer-neon-milestones-for-elementor/) ## Description **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. #### Key Features **Layout** * **Vertical timeline** — alternating left/right cards with a centred animated rail * **Horizontal timeline** — drag-to-scroll card track with above/below alternating support * **Per-breakpoint layout switching** — choose a different layout for Desktop, Tablet, and Mobile independently (e.g. Horizontal on desktop, Vertical on mobile) * Alternating, all-left, or all-right card positions for the vertical layout * Alternating above/below card positions for the horizontal layout **Design** * 4 built-in neon gradient colour presets: Electric Violet, Neon Magenta, Aurora Blue, Cyber Green * Custom colour override with full gradient control * Glassmorphism-style dark cards with a layered glow border on hover * Mouse spotlight effect — a subtle radial glow that follows the pointer inside each card * Smooth hover lift animation on cards * Active item rail progress fill that animates on scroll **Per-item controls** * Badge label and colour * Date / year * Title, description * Icon (Font Awesome library, plain text/number, or image) * Card image with configurable height, border radius, and object-fit * Status indicator: Completed, Active, Upcoming * CTA button with URL and external link support * Individual card skin per item **Style controls (all via Elementor panel)** * Card background, border radius, padding * Image height, image border radius, image fit * Icon box size and icon glyph size * Title, description, and date colours + full typography groups * Rail colour and thickness * Node size * Gap between cards (vertical and horizontal independently) * Horizontal card width and track top/bottom spacing * Entrance animation: Fade Up, Fade In, Zoom In, None * Stagger delay for sequential reveals **Performance & accessibility** * Minified CSS and JS served in production (`SCRIPT_DEBUG` aware) * IntersectionObserver for scroll-triggered reveals (no layout-thrashing) * Throttled resize handler for breakpoint detection * Keyboard navigable (arrow keys move between items) * `prefers-reduced-motion` respected — all animations disabled * Lazy-loaded card images * Proper ARIA attributes on interactive elements * Full live preview in the Elementor editor (content_template) #### Use Cases * Company history and founding story * Product roadmap * Career journey / portfolio timeline * Event chronology * Step-by-step process guide * Project milestones * Product release timeline #### Requirements * WordPress 6.3 or higher * Elementor 3.5.0 or higher (free version — does not require Elementor Pro) * PHP 7.4 or higher ## Installation #### From the WordPress Plugin Directory 1. In your WordPress admin, go to **Plugins Add New** 2. Search for **Neon Timeline for Elementor** 3. Click **Install Now**, then **Activate** 4. Open any page or post in **Elementor** 5. Search for **Neon Timeline** in the widget panel (left sidebar) 6. Drag the widget onto your page and configure it #### Manual Installation 1. Download the plugin ZIP file 2. Go to **Plugins Add New Upload Plugin** 3. Choose the ZIP file and click **Install Now** 4. Click **Activate Plugin** ## FAQ ### Does it require Elementor Pro? No. Neon Timeline works with the free version of Elementor (3.5.0+). ### Can I use different layouts on desktop and mobile? Yes. In the **Content Layout** panel you can independently select Desktop Layout, Tablet Layout, and Mobile Layout. For example: Horizontal on desktop, Vertical on tablet, Vertical on mobile. ### How do I set up the horizontal scrollable timeline? Set **Desktop Layout** to **Horizontal**. The track is drag-scrollable on desktop( click and drag) and touch-scrollable on mobile. Use the **Style Rail & Nodes** controls to adjust card width, gap, and track padding. ### Can I add images to each card? Yes. Each timeline item has a **Card Image** field. Once uploaded, you can control its height, border radius, and object-fit mode from **Style Cards**. ### Can I use custom icons? Each item supports three icon types: **Icon Library** (any Font Awesome or other library icon), **Number / Text** (for numbered steps), and **Image** (for custom logos or illustrations). ### Does it affect my page’s performance? Assets are minified and only loaded on pages that contain the widget. The scroll reveal system uses IntersectionObserver (no scroll listener overhead). All animations use CSS `transform` and `opacity` only. ### Is it translation-ready? Yes. The plugin is fully internationalised. A `.pot` template file is included in the `/languages` directory. ### Is it GDPR compliant? Yes. The plugin loads no external resources, makes no remote requests, sets no cookies, and collects no user data. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Jubayer Neon Milestones for Elementor” is open source software. The following people have contributed to this plugin. Contributors * [ Md Jubayer Hossain ](https://profiles.wordpress.org/jubayerhossain/) “Jubayer Neon Milestones for Elementor” has been translated into 1 locale. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/jubayer-neon-milestones-for-elementor/contributors) for their contributions. [Translate “Jubayer Neon Milestones for Elementor” into your language.](https://translate.wordpress.org/projects/wp-plugins/jubayer-neon-milestones-for-elementor) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/jubayer-neon-milestones-for-elementor/), check out the [SVN repository](https://plugins.svn.wordpress.org/jubayer-neon-milestones-for-elementor/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/jubayer-neon-milestones-for-elementor/) by [RSS](https://plugins.trac.wordpress.org/log/jubayer-neon-milestones-for-elementor/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.0 * Initial release * Vertical and horizontal timeline layouts * Per-breakpoint responsive layout switching (Desktop / Tablet / Mobile) * 4 neon colour presets + custom colour support * Scroll-driven animated rail progress fill * Animated nodes with pulse effect on active item * Mouse spotlight hover effect on cards * Entrance animations (Fade Up, Fade In, Zoom In) with stagger delay * Drag-to-scroll for horizontal mode * Progress indicator dots for horizontal mode * Per-item: badge, date, title, description, icon, card image, status, CTA button, card skin * Full Elementor style controls: typography, colours, spacing, image sizing, icon sizing * Minified CSS and JS for production * Keyboard navigation (arrow keys) * Reduced-motion support * Translation-ready with .pot file ## Meta * Version **1.0.0** * Last updated **5 months ago** * Active installations **Fewer than 10** * WordPress version ** 6.3 or higher ** * Tested up to **6.9.7** * PHP version ** 7.4 or higher ** * Languages * [English (US)](https://wordpress.org/plugins/jubayer-neon-milestones-for-elementor/) and [Russian](https://ru.wordpress.org/plugins/jubayer-neon-milestones-for-elementor/). * [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/jubayer-neon-milestones-for-elementor) * Tags * [elementor](https://wordpress.org/plugins/tags/elementor/)[history](https://wordpress.org/plugins/tags/history/) [roadmap](https://wordpress.org/plugins/tags/roadmap/)[timeline](https://wordpress.org/plugins/tags/timeline/) [widget](https://wordpress.org/plugins/tags/widget/) * [Advanced View](https://wordpress.org/plugins/jubayer-neon-milestones-for-elementor/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/jubayer-neon-milestones-for-elementor/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/jubayer-neon-milestones-for-elementor/reviews/) ## Contributors * [ Md Jubayer Hossain ](https://profiles.wordpress.org/jubayerhossain/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/jubayer-neon-milestones-for-elementor/)