--- title: "Animated Service Boxes for Elementor" url: https://theplusaddons.com/elementor-widget/animated-service-boxes/ date: 2025-04-22 modified: 2025-08-21 author: "Darshan Patel" description: "Make Your Site Elements Interactive Using the Animated Service Boxes for Elementor. Engage Visitors With Dynamic Content Presentation Using Sliding Boxes, Info Banners, Hover Sections, Fancy Boxes, and More." image: https://theplusaddons.com/wp-content/uploads/2024/03/Animated-Service-Boxes-for-Elementor-1024x536.jpg word_count: 405 --- # Animated Service Boxes for Elementor ### Animated Service Boxes for Elementor ## Live Demos of Image Accordion [![](https://theplusaddons.com/wp-content/uploads/2024/03/Team-Members-Image-Accordion-With-Designation.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#ImageAccordion1) ### Team Members Image Accordion With Designation [![](https://theplusaddons.com/wp-content/uploads/2024/03/Real-Estate-Vertical-Image-Accordion.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#ImageAccordion2) ### Real Estate Vertical Image Accordion [![](https://theplusaddons.com/wp-content/uploads/2024/03/Horizontal-Photography-Portfolio-Image-Accordion.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#ImageAccordion3) ### Horizontal Photography Portfolio Image Accordion [ Accordion](#imageaccordion)[ Sliding](#slidingboxes)[ Article Box](#articlebox)[ Info Banner](#infobanner)[ Hover](#hoversection)[ Fancy Box](#fancybox)[ Services](#serviceselement)[ Portfolio](#portfoliostyle) ## Key Features of Image Accordion ![](https://theplusaddons.com/wp-content/uploads/2024/03/Vertical-Horizontal-Image-Accordion.png) ### Vertical & Horizontal Image Accordion ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Button-to-Image-Accordion-Slides.png) ### Add Button to Image Accordion Slides ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Lottie-Icon-Image.png) ### Add Lottie, Icon & Image ![](https://theplusaddons.com/wp-content/uploads/2024/03/Layout-Height-Controls.png) ### Layout & Height Controls ![](https://theplusaddons.com/wp-content/uploads/2024/03/Style-Eveything.png) ### Style Everything ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Title-Image-Description-Button-Link.png) ### Add Title, Image, Description, Button Link ### Animated Service Boxes for Elementor ## Live Demos of Sliding Boxes [![](https://theplusaddons.com/wp-content/uploads/2024/03/Ecommerce-Product-Sliding-Boxes.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#slidingboxes1) ### Ecommerce Product Sliding Boxes [![](https://theplusaddons.com/wp-content/uploads/2024/03/Cryptocurrency-Sliding-Boxes.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#slidingboxes2) ### Cryptocurrency Sliding Boxes [![](https://theplusaddons.com/wp-content/uploads/2024/03/Gradient-Shades-Sliding-Boxes.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#slidingboxes3) ### Gradient Shades Sliding Boxes ## Key Features of Sliding Boxes ![](https://theplusaddons.com/wp-content/uploads/2024/03/Multiple-Style-Layout.png) ### Multiple Style Layout ![](https://theplusaddons.com/wp-content/uploads/2024/03/Set-Custom-Slide-Active.png) ### Set Custom Slide Active ![](https://theplusaddons.com/wp-content/uploads/2024/03/Layout-Controls.png) ### Layout Controls ![](https://theplusaddons.com/wp-content/uploads/2024/03/Responsive-Column-Manager.png) ### Responsive Column Manager ![](https://theplusaddons.com/wp-content/uploads/2024/03/Style-Eveything.png) ### Style Everything ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Title-Image-Description-Button-Link.png) ### Add Title, Image, Description, Button Link ### Animated Service Boxes for Elementor ## Live Demos of Article Box [![](https://theplusaddons.com/wp-content/uploads/2024/03/Featured-Projects-Article-Box.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#articlebox1) ### Featured Projects Article Box [![](https://theplusaddons.com/wp-content/uploads/2024/03/Real-Estate-Article-Box.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#articlebox2) ### Real Estate Article Box [![](https://theplusaddons.com/wp-content/uploads/2024/03/Team-Members-Article-Box.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#articlebox3) ### Team Members Article Box ## Key Features of Article Box ![](https://theplusaddons.com/wp-content/uploads/2024/03/Mulitple-Layouts.png) ### Multiple Layouts ![](https://theplusaddons.com/wp-content/uploads/2024/03/Column-Manager.png) ### Column Manager ![](https://theplusaddons.com/wp-content/uploads/2024/03/Multiple-Icon-Libary.png) ### Multiple Icon Library ![](https://theplusaddons.com/wp-content/uploads/2024/03/Set-Pin-Title-and-Position.png) ### Set Pin Title and Position ![](https://theplusaddons.com/wp-content/uploads/2024/03/Style-Eveything.png) ### Style Everything ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Title-Image-Description-Button-Link.png) ### Add Title, Image, Description, Button Link ### Animated Service Boxes for Elementor ## Live Demos of Info Banner [![](https://theplusaddons.com/wp-content/uploads/2024/03/Video-Hosting-Info-Banner-.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#infobanner1) ### Video Hosting Info Banner [![](https://theplusaddons.com/wp-content/uploads/2024/03/Consultation-Firm-Info-Banner.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#infobanner2) ### Consultation Firm Info Banner [![](https://theplusaddons.com/wp-content/uploads/2024/03/Fin-tech-Info-Banner.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#infobanner3) ### Fin-tech Info Banner ## Key Features of Info Banner ![](https://theplusaddons.com/wp-content/uploads/2024/03/Mulitple-Layouts.png) ### Multiple Layouts ![](https://theplusaddons.com/wp-content/uploads/2024/03/Set-Hover-Orientation.png) ### Set Hover Orientation ![](https://theplusaddons.com/wp-content/uploads/2024/03/Column-Manager.png) ### Column Manager ![](https://theplusaddons.com/wp-content/uploads/2024/03/Layout-Height-Manager.png) ### Layout & Height Manager ![](https://theplusaddons.com/wp-content/uploads/2024/03/Style-Eveything.png) ### Style Everything ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Title-Image-Description-Button-Link.png) ### Add Title, Image, Description, Button Link ### Animated Service Boxes for Elementor ## Live Demos of Hover Section [![](https://theplusaddons.com/wp-content/uploads/2024/03/Furniture-Ecommerce-Hover-Sections.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#hoversection1) ### Furniture Ecommerce Hover Sections [![](https://theplusaddons.com/wp-content/uploads/2024/03/Cleaning-Service-Hover-Sections.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#hoversection2) ### Cleaning Service Hover Sections [![](https://theplusaddons.com/wp-content/uploads/2024/03/CoWorking-Space-Hover-Sections.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#hoversection3) ### CoWorking Space Hover Sections ## Key Features of Hover Section ![](https://theplusaddons.com/wp-content/uploads/2024/03/Predefined-Layout.png) ### Predefined Layout ![](https://theplusaddons.com/wp-content/uploads/2024/03/Preload-Image-for-Performance.png) ### Preload Image for Performance ![](https://theplusaddons.com/wp-content/uploads/2024/03/Column-Manager.png) ### Column Manager ![](https://theplusaddons.com/wp-content/uploads/2024/03/Layout-Control.png) ### Layout Control ![](https://theplusaddons.com/wp-content/uploads/2024/03/Style-Eveything.png) ### Style Everything ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Title-Image-Description-Button-Link.png) ### Add Title, Image, Description, Button Link ### Animated Service Boxes for Elementor ## Live Demos of Fancy Box [![](https://theplusaddons.com/wp-content/uploads/2024/03/Web-Development-Fancy-Box.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#fancybox1) ### Web Development Fancy Box [![](https://theplusaddons.com/wp-content/uploads/2024/03/Blog-Post-Fancy-Box.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#fancybox2) ### Blog Post Fancy Box [![](https://theplusaddons.com/wp-content/uploads/2024/03/Resources-Post-Fancy-Box.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#fancybox3) ### Resources Post Fancy Box ## Key Features of Fancy Box ![](https://theplusaddons.com/wp-content/uploads/2024/03/Predefined-Layout.png) ### Predefined Layout ![](https://theplusaddons.com/wp-content/uploads/2024/03/Normal-Hover-Transform-CSS.png) ### Normal & Hover Transform CSS ![](https://theplusaddons.com/wp-content/uploads/2024/03/Column-Manager.png) ### Column Manager ![](https://theplusaddons.com/wp-content/uploads/2024/03/Set-Pin-Title-and-Position.png) ### Set Pin Title and Position ![](https://theplusaddons.com/wp-content/uploads/2024/03/Style-Eveything.png) ### Style Everything ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Title-Image-Description-Button-Link.png) ### Add Title, Image, Description, Button Link ### Animated Service Boxes for Elementor ## Live Demos of Services Element [![](https://theplusaddons.com/wp-content/uploads/2024/03/Website-Feature-Unfold-Service-Elements.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#serviceselement1) ### Website Feature Unfold Service Elements [![](https://theplusaddons.com/wp-content/uploads/2024/03/Consulting-Solutions-Unfold-Service-Elements.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#serviceselement2) ### Consulting Solutions Unfold Service Element [![](https://theplusaddons.com/wp-content/uploads/2024/03/Dating-Website-Service-Elements.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#serviceselement3) ### Dating Website Service Elements ## Key Features of Services Element ![](https://theplusaddons.com/wp-content/uploads/2024/03/Mulitple-Layouts.png) ### Multiple Layouts ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Image-Icon.png) ### Add Image/Icon ![](https://theplusaddons.com/wp-content/uploads/2024/03/Column-Manager.png) ### Column Manager ![](https://theplusaddons.com/wp-content/uploads/2024/03/Style-Eveything.png) ### Style Everything ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Title-Image-Description-Button-Link.png) ### Add Title, Image, Description, Button Link ### Animated Service Boxes for Elementor ## Live Demos of Portfolio Style [![](https://theplusaddons.com/wp-content/uploads/2025/04/Sports-Training.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#portfoliostyle1) ### Sports Training Portfolio Style [![](https://theplusaddons.com/wp-content/uploads/2025/04/Robots-Ai-Portfolio-Style.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#portfoliostyle2) ### Robots & Ai Portfolio Style [![](https://theplusaddons.com/wp-content/uploads/2025/04/Modern-Clothing-Porfolio-Style.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#portfoliostyle3) ### Modern Clothing Portfolio Style ## Key Features of Portfolio Style ![](https://theplusaddons.com/wp-content/uploads/2024/03/Mulitple-Layout.png) ### Multiple Layout ![](https://theplusaddons.com/wp-content/uploads/2024/03/Alignment-Height-Offset-Controls.png) ### Alignment, Height & Offset Controls ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Title-Text-on-Responsive-Screen.png) ### Add Title Text on Responsive Screen ![](https://theplusaddons.com/wp-content/uploads/2024/03/Style-Eveything.png) ### Style Everything ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Title-Image-Description-Button-Link.png) ### Add Title, Image, Description, Button Link ## Watch How it Works Subscribe for more Such Elementor Video Tutorials