{"id":294646,"date":"2026-04-10T15:18:00","date_gmt":"2026-04-10T15:18:00","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/neon-timeline-widget-for-elementor\/"},"modified":"2026-04-11T09:47:26","modified_gmt":"2026-04-11T09:47:26","slug":"jubayer-neon-milestones-for-elementor","status":"publish","type":"plugin","link":"https:\/\/vi.wordpress.org\/plugins\/jubayer-neon-milestones-for-elementor\/","author":20471524,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"6.9.4","requires":"6.3","requires_php":"7.4","requires_plugins":null,"header_name":"Jubayer Neon Milestones for Elementor","header_author":"Jubayer Hossain","header_description":"A premium neon gradient timeline widget for Elementor. Features horizontal and vertical layouts, per-breakpoint responsive switching, animated nodes, scroll-driven rail progress, spotlight hover effects, and full style controls \u2014 all from the Elementor panel.","assets_banners_color":"2b0f34","last_updated":"2026-04-11 09:47:26","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/jubayer-neon-milestones-for-elementor\/","header_author_uri":"https:\/\/profiles.wordpress.org\/jubayerhossain\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":232,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"jubayerhossain","date":"2026-04-11 09:47:26"}},"upgrade_notice":{"1.0.0":"<p>Initial release.<\/p>"},"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3503420,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3515530,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3515529,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"Horizontal layout \u2014 neon gradient cards above\/below the rail","2":"Vertical alternating layout \u2014 desktop view with gradient cards","3":"Mobile vertical layout \u2014 single-side single column","4":"Elementor panel \u2014 Content tab (Layout controls and Timeline Items repeater)","5":"Elementor panel \u2014 Style tab (Colors, Cards, Rail &amp; Nodes)","6":"Per-breakpoint responsive layout selection"}},"plugin_section":[],"plugin_tags":[76538,1433,14785,5575,162],"plugin_category":[43],"plugin_contributors":[259913],"plugin_business_model":[],"class_list":["post-294646","plugin","type-plugin","status-publish","hentry","plugin_tags-elementor","plugin_tags-history","plugin_tags-roadmap","plugin_tags-timeline","plugin_tags-widget","plugin_category-customization","plugin_contributors-jubayerhossain","plugin_committers-jubayerhossain"],"banners":{"banner":"https:\/\/ps.w.org\/jubayer-neon-milestones-for-elementor\/assets\/banner-772x250.png?rev=3515529","banner_2x":"https:\/\/ps.w.org\/jubayer-neon-milestones-for-elementor\/assets\/banner-1544x500.png?rev=3515530","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/jubayer-neon-milestones-for-elementor\/assets\/icon-256x256.png?rev=3503420","icon_2x":"https:\/\/ps.w.org\/jubayer-neon-milestones-for-elementor\/assets\/icon-256x256.png?rev=3503420","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<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 \u2014 all controlled entirely from the Elementor panel, no custom CSS required.<\/p>\n\n<h4>Key Features<\/h4>\n\n<p><strong>Layout<\/strong><\/p>\n\n<ul>\n<li><strong>Vertical timeline<\/strong> \u2014 alternating left\/right cards with a centred animated rail<\/li>\n<li><strong>Horizontal timeline<\/strong> \u2014 drag-to-scroll card track with above\/below alternating support<\/li>\n<li><strong>Per-breakpoint layout switching<\/strong> \u2014 choose a different layout for Desktop, Tablet, and Mobile independently (e.g. Horizontal on desktop, Vertical on mobile)<\/li>\n<li>Alternating, all-left, or all-right card positions for the vertical layout<\/li>\n<li>Alternating above\/below card positions for the horizontal layout<\/li>\n<\/ul>\n\n<p><strong>Design<\/strong><\/p>\n\n<ul>\n<li>4 built-in neon gradient colour presets: Electric Violet, Neon Magenta, Aurora Blue, Cyber Green<\/li>\n<li>Custom colour override with full gradient control<\/li>\n<li>Glassmorphism-style dark cards with a layered glow border on hover<\/li>\n<li>Mouse spotlight effect \u2014 a subtle radial glow that follows the pointer inside each card<\/li>\n<li>Smooth hover lift animation on cards<\/li>\n<li>Active item rail progress fill that animates on scroll<\/li>\n<\/ul>\n\n<p><strong>Per-item controls<\/strong><\/p>\n\n<ul>\n<li>Badge label and colour<\/li>\n<li>Date \/ year<\/li>\n<li>Title, description<\/li>\n<li>Icon (Font Awesome library, plain text\/number, or image)<\/li>\n<li>Card image with configurable height, border radius, and object-fit<\/li>\n<li>Status indicator: Completed, Active, Upcoming<\/li>\n<li>CTA button with URL and external link support<\/li>\n<li>Individual card skin per item<\/li>\n<\/ul>\n\n<p><strong>Style controls (all via Elementor panel)<\/strong><\/p>\n\n<ul>\n<li>Card background, border radius, padding<\/li>\n<li>Image height, image border radius, image fit<\/li>\n<li>Icon box size and icon glyph size<\/li>\n<li>Title, description, and date colours + full typography groups<\/li>\n<li>Rail colour and thickness<\/li>\n<li>Node size<\/li>\n<li>Gap between cards (vertical and horizontal independently)<\/li>\n<li>Horizontal card width and track top\/bottom spacing<\/li>\n<li>Entrance animation: Fade Up, Fade In, Zoom In, None<\/li>\n<li>Stagger delay for sequential reveals<\/li>\n<\/ul>\n\n<p><strong>Performance &amp; accessibility<\/strong><\/p>\n\n<ul>\n<li>Minified CSS and JS served in production (<code>SCRIPT_DEBUG<\/code> aware)<\/li>\n<li>IntersectionObserver for scroll-triggered reveals (no layout-thrashing)<\/li>\n<li>Throttled resize handler for breakpoint detection<\/li>\n<li>Keyboard navigable (arrow keys move between items)<\/li>\n<li><code>prefers-reduced-motion<\/code> respected \u2014 all animations disabled<\/li>\n<li>Lazy-loaded card images<\/li>\n<li>Proper ARIA attributes on interactive elements<\/li>\n<li>Full live preview in the Elementor editor (content_template)<\/li>\n<\/ul>\n\n<h4>Use Cases<\/h4>\n\n<ul>\n<li>Company history and founding story<\/li>\n<li>Product roadmap<\/li>\n<li>Career journey \/ portfolio timeline<\/li>\n<li>Event chronology<\/li>\n<li>Step-by-step process guide<\/li>\n<li>Project milestones<\/li>\n<li>Product release timeline<\/li>\n<\/ul>\n\n<h4>Requirements<\/h4>\n\n<ul>\n<li>WordPress 6.3 or higher<\/li>\n<li>Elementor 3.5.0 or higher (free version \u2014 does not require Elementor Pro)<\/li>\n<li>PHP 7.4 or higher<\/li>\n<\/ul>\n\n<!--section=installation-->\n<h4>From the WordPress Plugin Directory<\/h4>\n\n<ol>\n<li>In your WordPress admin, go to <strong>Plugins \u2192 Add New<\/strong><\/li>\n<li>Search for <strong>Neon Timeline for Elementor<\/strong><\/li>\n<li>Click <strong>Install Now<\/strong>, then <strong>Activate<\/strong><\/li>\n<li>Open any page or post in <strong>Elementor<\/strong><\/li>\n<li>Search for <strong>Neon Timeline<\/strong> in the widget panel (left sidebar)<\/li>\n<li>Drag the widget onto your page and configure it<\/li>\n<\/ol>\n\n<h4>Manual Installation<\/h4>\n\n<ol>\n<li>Download the plugin ZIP file<\/li>\n<li>Go to <strong>Plugins \u2192 Add New \u2192 Upload Plugin<\/strong><\/li>\n<li>Choose the ZIP file and click <strong>Install Now<\/strong><\/li>\n<li>Click <strong>Activate Plugin<\/strong><\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20it%20require%20elementor%20pro%3F\"><h3>Does it require Elementor Pro?<\/h3><\/dt>\n<dd><p>No. Neon Timeline works with the free version of Elementor (3.5.0+).<\/p><\/dd>\n<dt id=\"can%20i%20use%20different%20layouts%20on%20desktop%20and%20mobile%3F\"><h3>Can I use different layouts on desktop and mobile?<\/h3><\/dt>\n<dd><p>Yes. In the <strong>Content \u2192 Layout<\/strong> panel you can independently select Desktop Layout, Tablet Layout, and Mobile Layout. For example: Horizontal on desktop, Vertical on tablet, Vertical on mobile.<\/p><\/dd>\n<dt id=\"how%20do%20i%20set%20up%20the%20horizontal%20scrollable%20timeline%3F\"><h3>How do I set up the horizontal scrollable timeline?<\/h3><\/dt>\n<dd><p>Set <strong>Desktop Layout<\/strong> to <strong>Horizontal<\/strong>. The track is drag-scrollable on desktop (click and drag) and touch-scrollable on mobile. Use the <strong>Style \u2192 Rail &amp; Nodes<\/strong> controls to adjust card width, gap, and track padding.<\/p><\/dd>\n<dt id=\"can%20i%20add%20images%20to%20each%20card%3F\"><h3>Can I add images to each card?<\/h3><\/dt>\n<dd><p>Yes. Each timeline item has a <strong>Card Image<\/strong> field. Once uploaded, you can control its height, border radius, and object-fit mode from <strong>Style \u2192 Cards<\/strong>.<\/p><\/dd>\n<dt id=\"can%20i%20use%20custom%20icons%3F\"><h3>Can I use custom icons?<\/h3><\/dt>\n<dd><p>Each item supports three icon types: <strong>Icon Library<\/strong> (any Font Awesome or other library icon), <strong>Number \/ Text<\/strong> (for numbered steps), and <strong>Image<\/strong> (for custom logos or illustrations).<\/p><\/dd>\n<dt id=\"does%20it%20affect%20my%20page%27s%20performance%3F\"><h3>Does it affect my page's performance?<\/h3><\/dt>\n<dd><p>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 <code>transform<\/code> and <code>opacity<\/code> only.<\/p><\/dd>\n<dt id=\"is%20it%20translation-ready%3F\"><h3>Is it translation-ready?<\/h3><\/dt>\n<dd><p>Yes. The plugin is fully internationalised. A <code>.pot<\/code> template file is included in the <code>\/languages<\/code> directory.<\/p><\/dd>\n<dt id=\"is%20it%20gdpr%20compliant%3F\"><h3>Is it GDPR compliant?<\/h3><\/dt>\n<dd><p>Yes. The plugin loads no external resources, makes no remote requests, sets no cookies, and collects no user data.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<li>Vertical and horizontal timeline layouts<\/li>\n<li>Per-breakpoint responsive layout switching (Desktop \/ Tablet \/ Mobile)<\/li>\n<li>4 neon colour presets + custom colour support<\/li>\n<li>Scroll-driven animated rail progress fill<\/li>\n<li>Animated nodes with pulse effect on active item<\/li>\n<li>Mouse spotlight hover effect on cards<\/li>\n<li>Entrance animations (Fade Up, Fade In, Zoom In) with stagger delay<\/li>\n<li>Drag-to-scroll for horizontal mode<\/li>\n<li>Progress indicator dots for horizontal mode<\/li>\n<li>Per-item: badge, date, title, description, icon, card image, status, CTA button, card skin<\/li>\n<li>Full Elementor style controls: typography, colours, spacing, image sizing, icon sizing<\/li>\n<li>Minified CSS and JS for production<\/li>\n<li>Keyboard navigation (arrow keys)<\/li>\n<li>Reduced-motion support<\/li>\n<li>Translation-ready with .pot file<\/li>\n<\/ul>","raw_excerpt":"Create stunning neon timeline layouts for Elementor with responsive design and smooth animations.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/vi.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/294646","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vi.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/vi.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/vi.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=294646"}],"author":[{"embeddable":true,"href":"https:\/\/vi.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/jubayerhossain"}],"wp:attachment":[{"href":"https:\/\/vi.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=294646"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/vi.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=294646"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/vi.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=294646"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/vi.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=294646"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/vi.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=294646"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/vi.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=294646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}