Generated by Rank Math SEO, this is an llms.txt file designed to help LLMs better understand and index this website. # Element UI: Professional Elementor templates ready to copy and paste into your next project ## Sitemaps [XML Sitemap](https://elementuikit.com/sitemap_index.xml): Includes all crawlable and indexable pages. ## Posts - [Elementor Sections vs Containers: What’s the Difference?](https://elementuikit.com/elementor-tips/elementor-sections-vs-containers/): If you’ve used Elementor for a while, you probably built pages with sections and columns in the past. So what changed, and does it matter? - [Five benefits of using Elementor containers](https://elementuikit.com/elementor-tips/elementor-flexbox-containers/): Elementor Flexbox containers replaced the old section and column system in 2023, and they’re now the default way to build pages. If you’re still figuring out how they work, or why they matter, this guide covers everything you need to know. - [How to create a custom floating button in Elementor (without the limitations)](https://elementuikit.com/tutorials/custom-elementor-floating-button/): Elementor's built-in floating button feature sounds great in theory. A sticky action button that follows users as they scroll - perfect for quick-access links like support, booking, or contact options. - [Elementor boxed width vs full width containers (+ how to fix width issues)](https://elementuikit.com/elementor-tips/elementor-full-width-vs-boxed-containers/): This guide covers the difference between full width and boxed containers, when to use each, recommended width values, and how to fix the most common width issues. - [Best Elementor Pricing Table Designs [2026]](https://elementuikit.com/design-ux/elementor-pricing-table-designs/): The best pricing table designs share common traits: clear structure, scannable features, and obvious calls to action. This guide breaks down what makes pricing tables work in Elementor, with layout patterns you can use on your next project. - [How to Create an Elementor Hero Section (Fast)](https://elementuikit.com/tutorials/how-to-create-an-elementor-hero-section-fast/): This guide shows you how to create a professional hero section in Elementor, step by step. You’ll also learn a faster way to skip the manual work entirely if you’re on a deadline. - [How to make an Elementor container clickable](https://elementuikit.com/elementor-tips/how-to-make-an-elementor-container-clickable/): Learn the modern, native way to make an entire Elementor Flexbox container clickable to improve your site's UX, increase conversion rates, and create cleaner layouts without using custom CSS or plugins. - [How to create a background image zoom on hover in Elementor](https://elementuikit.com/elementor-tips/how-to-create-a-background-image-zoom-on-hover-in-elementor/): Adding a background image zoom on hover is a simple way to make sections feel more interactive without overwhelming the design. When done properly, it creates subtle movement that draws attention while keeping the layout clean and professional. This guide walks you through the correct way to create a smooth background image zoom on hover using Elementor containers, explains common mistakes, and shows how to keep the effect performant and responsive. - [Elementor container full width vs boxed: what’s the difference and when to use each](https://elementuikit.com/elementor-tips/elementor-container-full-width-vs-boxed-whats-the-difference-and-when-to-use-each/): Learn the practical difference between full width and boxed containers in Elementor, how each affects layout, readability, and consistency, and when to use one over the other for predictable, professional designs. - [Elementor container not full width? Here’s why it happens and how to fix it](https://elementuikit.com/elementor-tips/elementor-container-not-full-width-heres-why-it-happens-and-how-to-fix-it/): Choosing between full width and boxed containers in Elementor has a huge impact on readability, layout control, and consistency. This guide explains the difference and shows when to use each option for predictable, professional layouts. - [How to use Elementor container direction and wrap settings](https://elementuikit.com/elementor-tips/elementor-flexbox-direction-wrap/): Direction and wrap are two Elementor container settings that cause most layout confusion, especially on tablet and mobile. This guide explains what each setting actually controls and how to use them together to create clean, predictable layouts that respond properly at every breakpoint. - [How to build faster with an Elementor component library in 3 steps](https://elementuikit.com/elementor-tips/build-faster-elementor-component-library-3-steps/): If building with Elementor feels slower than it should, the problem is usually repetition and too many small decisions. This post breaks down a simple 3-step workflow using a component library to help you reuse patterns, reduce friction, and build consistent pages faster. - [How to build Elementor websites faster using reusable components and a simple design system](https://elementuikit.com/elementor-tips/how-to-build-elementor-websites-faster-using-reusable-components-and-a-simple-design-system/): Learn how to build Elementor websites faster using reusable components, a simple design system, and a workflow that removes the repetitive parts of every new project. - [How to use Elementor gaps, padding and margin for clean layouts](https://elementuikit.com/design-ux/how-to-use-elementor-gaps-padding-and-margin-for-clean-layouts/): Confused by Elementor padding and margin? This guide explains how to use gaps, padding and margin together for clean layouts you can reuse on every site. - [Build an Elementor landing page 10x faster](https://elementuikit.com/elementor-tips/elementor-landing-page-in-under-an-hour/): Create a fully responsive, professional landing page in under an hour using Element UI. This guide shows you exactly how to do it - no coding required. - [How to optimize your Elementor site speed](https://elementuikit.com/elementor-tips/optimize-your-elementor-site-speed/): A well-optimised Elementor site can score 90+ on PageSpeed Insights and load in under two seconds. This guide covers exactly how to get there - from quick fixes to deeper optimizations that make a real difference. - [Master global styles in Elementor to design faster with confidence](https://elementuikit.com/elementor-tips/mastering-global-styles-in-elementor/): Think of them as the DNA of your website. They set the rules for how everything should look, from text to buttons to backgrounds. And the best part? You set them once, and they apply everywhere. - [10 secrets to building a high converting website with Elementor](https://elementuikit.com/design-ux/10-secrets-to-building-a-high-converting-website-with-elementor/): Discover 10 actionable strategies to turn your designs into high-performing, goal-driven pages. This guide breaks down what really matters - and how to implement it. ## Pages - [Welcome](https://elementuikit.com/welcome/) - [Roadmap](https://elementuikit.com/roadmap/): Here's what we're working on at and what we've already shipped! - [Unlock pro](https://elementuikit.com/unlock-pro/): See what Element UI can do - [Elementor UI Kit](https://elementuikit.com/elementor-ui-kit/): Pick any combination of sections and they look like they were designed for the same site. That’s the difference between a random template pack and this Elementor UI Kit. - [Elementor About Sections](https://elementuikit.com/elementor-about-sections/): About pages often end up as an afterthought. Often a wall of text with a stock photo that doesn’t really say anything. But for your visitors, this is the "trust" page. The layout should help the user digest the information in an easy to read format. - [Elementor Pricing Sections](https://elementuikit.com/elementor-pricing-sections/): A confusing pricing section costs conversions. Visitors need to compare options quickly, understand what’s included, and see the value clearly. Getting the layout right matters. - [Elementor FAQ Sections](https://elementuikit.com/elementor-faq-sections/): Our Elementor FAQ sections utilize smart accordion structures and organized containers to keep your page scannable. Maintain a clean visual hierarchy while ensuring information is always one click away. Choose a layout, drop in your content, and give your visitors a frictionless way to get informed. - [Elementor Footer Sections](https://elementuikit.com/elementor-footer-sections/): Footers often get rushed at the end of a build - columns that don’t quite align and social icons crammed in at awkward places. These small details add up and make an otherwise polished site feel incomplete. - [Elementor Header Sections](https://elementuikit.com/elementor-header-sections/): Headers are deceptively complex to build correctly. Desktop menus need to collapse into mobile hamburgers. Responsive behaviour needs to work without widgets jumping around the page. Logo, navigation, and CTA buttons all need to align properly across breakpoints. - [Elementor Contact Sections](https://elementuikit.com/elementor-contact-sections/): Contact sections look simple but they’re surprisingly tedious to build well. Forms need proper spacing. Maps need to sit alongside content without breaking the layout. Contact details, social links, and business hours all need to align cleanly. - [Elementor Team Sections](https://elementuikit.com/elementor-team-sections/): A well-designed team section builds trust and makes your business feel human - but getting photos, names, roles, and social links to align properly is fiddlier than it should be. - [Elementor Testimonial Sections](https://elementuikit.com/elementor-testimonial-sections/): Your testimonials deserve better than a plain text block with quotation marks. These layouts give you proper structure for displaying social proof - whether that’s a single featured quote, a grid of client reviews, or a carousel showcasing the best reviews. - [Elementor Services Sections](https://elementuikit.com/elementor-services-sections/): Showcasing what you offer shouldn’t mean wrestling with icon alignment and card spacing for an hour. - [Elementor Hero Sections](https://elementuikit.com/elementor-hero-sections/): Stop building hero layouts from scratch. This collection gives you professionally designed hero sections you can copy and paste directly into Elementor - structure, spacing, and responsive behaviour already done. - [Free Elementor components](https://elementuikit.com/free-elementor-components/): Skip the blank page. Start with layouts that actually work. Get Free Elementor components ready to copy and paste in seconds. - [Elementor component library](https://elementuikit.com/elementor-component-library/) - [FAQs](https://elementuikit.com/faqs/): We're here to help with all your questions and answers in one place. - [Blog](https://elementuikit.com/blog/): Elementor insights, guides, tips and product news from Element UI - [Home](https://elementuikit.com/): Get instant access to 400+ components ready to copy and paste into your website. Designed and built by an Elementor expert. ## Templates - [Eradica](https://elementuikit.com/templates/eradica/) - [Zenpay](https://elementuikit.com/templates/zenpay/) - [Insura](https://elementuikit.com/templates/insura/) ## Changelog - [Website templates are here!](https://elementuikit.com/changelog/website-templates-are-here/): I've been looking forward to sharing this with you. I've just launched Website Templates. - [Weekly update: August 7th, 2026](https://elementuikit.com/changelog/weekly-update-august-7th/): Five new stats sections this week. Different layouts for showing key numbers, whether it's clients served, projects completed, or years in business. A quick way to add credibility to a homepage or about page without writing a paragraph of copy. - [Weekly update: July 31st, 2026](https://elementuikit.com/changelog/weekly-update-july-31st-2026/): Seven new team components this week. Grid layouts, hover reveals, and detailed profile cards for showing the people behind a business. Whether you need a simple photo grid or something more detailed with bios and social links, there's a version ready to match your site. - [Weekly update: July 10th, 2026](https://elementuikit.com/changelog/weekly-update-july-10th-2026/): Five new footers added to the components library this week. - [Updated UI & navigation](https://elementuikit.com/changelog/updated-ui-navigation/): Based on feedback from many of you, we've merged our styled layouts into Components. Both were single-section components that you copy into your site, and the overlap between the two was causing confusion. Combining them into one library makes everything easier to find and faster to browse. Happy building! - [Weekly update: June 26th, 2026](https://elementuikit.com/changelog/weekly-update-june-26th-2026/): Eight new contact sections this week. Each one is a unique design, forms with maps, split layouts, multi-column setups with maps - all fully responsive across tablet and mobile. More ways to build a contact page that fits the rest of your site. - [Weekly update: June 19th, 2026](https://elementuikit.com/changelog/weekly-update-june-19th-2026/): Five new additions to the Partner Logos category this week. - [Weekly update: June 12th, 2026](https://elementuikit.com/changelog/weekly-update-june-12th-2026/): New category this week: Comparison. - [Weekly update: 5th June, 2026](https://elementuikit.com/changelog/weekly-update-5th-june-2026/): New component category this week: Gallery - [Weekly update: May 29th, 2026](https://elementuikit.com/changelog/weekly-update-may-29th-2026/): Last week's timeline template got a big response. So this week I went all in. - [Weekly update: May 22nd, 2026](https://elementuikit.com/changelog/weekly-update-may-22nd-2026/): Four new components this week. A stats bar for key numbers, a how-it-works section with step icons and CTAs, an integrations grid for showcasing tools and partners, and an about page timeline that tells a company story year by year. The timeline is built entirely in Elementor - no shortcodes, no plugins. So adding new dates or editing content is as easy as duplicating a container. - [Weekly update: May 15th, 2026](https://elementuikit.com/changelog/weekly-update-may-15th-2026/): This week features a standout services section in the code components category - hover any card and the image zooms in seamlessly while the button arrow slides right. It's the kind of subtle interaction that makes a site feel premium without any extra plugins. - [Weekly update: May 8th, 2026](https://elementuikit.com/changelog/weekly-update-may-8th-2026/): Five new additions this week. A testimonial gallery component that showcases customer reviews in video format - way more convincing than text quotes alone. Plus four FAQ components covering different layouts so there's always one that fits what you are looking for. - [Weekly update: May 1, 2026](https://elementuikit.com/changelog/weekly-update-may-1st-2026/): Big batch of contact sections this week. Six new components including layouts with maps, social links, and contact details. Every project needs a contact page and now there are plenty of options to match different styles. - [Weekly update: April 24, 2026](https://elementuikit.com/changelog/weekly-update-april-24-2026/): Five new additions this week. More layouts to speed up builds and give your site a more polished and professional feel. - [Weekly update: April 17, 2026](https://elementuikit.com/changelog/weekly-update-april-17-2026/): Three new code components this week. These are the kind of details that make a site feel polished - animated headings, glowing borders, and highlighted text. The stuff clients notice but nobody wants to spend an afternoon building from scratch. Copy, paste, done. - [Weekly update: April 10, 2026](https://elementuikit.com/changelog/weekly-update-april-3-2026/): Three new Pro additions this week. Each one replaces something that would normally take an hour or more to build from scratch. Custom tab layouts, refined animations, and a complete pricing section - all ready to copy and paste into any project. No complicated setup - just drop them in and customize them however you want. - [Weekly update: April 3, 2026](https://elementuikit.com/changelog/weekly-update-april-4-2025/): The first of our new weekly updates. Every Friday we'll share what's been added to the library that week. Here's what was released this week: - [Version 2.0: Introducing Element UI Pro](https://elementuikit.com/changelog/version-2-0-introducing-element-ui-pro/): This is the biggest update to Element UI since launch. Today we're introducing Element UI Pro — giving you access to more professionally designed components PLUS new code components and dynamic CMS components that make building complete Elementor websites faster than ever. - [Library Refresh](https://elementuikit.com/changelog/library-refresh/): A big round of updates across the component library. Every component has been reviewed and refined to feel more consistent, cleaner, and easier to work with. - [December update: New components](https://elementuikit.com/changelog/december-update-new-components/): We’ve added several new components to the Element UI library - including Component #FAQ 13, one of our most functional and visually polished FAQ blocks yet. - [September update: New ‘About’ category!](https://elementuikit.com/changelog/new-about-category/): You asked for it, and it’s here. The About category is now live, with components designed to bring personality and depth to your website. Whether you're introducing your brand, sharing your values, or showcasing your journey, these sections are built to help you connect. - [May Update: Revamped Components](https://elementuikit.com/changelog/may-update-revamped-components/): We’ve given a major facelift to most of our existing components. These aren’t just tweaks - we’ve implemented design improvements across the board to give you: - [February Update! What’s new in Element UI](https://elementuikit.com/changelog/february-update-whats-new-in-element-ui/): We've been hard at work expanding our component library so you can build even better websites in less time. This month, we've added 22 new components to help you build faster, including: - [New component category: Services](https://elementuikit.com/changelog/new-component-category-services/): We've expanded our library with a dedicated Services component category! These new components are specifically designed to showcase your service offerings with clarity and impact. - [5 New Features Components](https://elementuikit.com/changelog/5-new-features-components/): We've added 5 new features components to Element UI. These responsive, customizable elements offer fresh ways to highlight your product's key attributes. Check them out and enhance your Elementor projects today! - [Enhanced component detail page](https://elementuikit.com/changelog/enhanced-component-detail-page/): We're excited to announce a small but powerful update to our component detail pages: the addition of a Live Demo button. - [Introducing the Element UI component library: 40 free Elementor components to supercharge your web development process](https://elementuikit.com/changelog/introducing-the-element-ui-component-library/): We're thrilled to announce the launch of the Element UI component library. This initial release includes 40 meticulously crafted components, all completely free to use. These templates are designed to revolutionize your web development process, allowing you to build stunning, professional websites in a fraction of the time it used to take you. ## Components - [Contact 27](https://elementuikit.com/components/contact-27/) - [Shrink header](https://elementuikit.com/components/shrink-header/) - [Arrow slide card](https://elementuikit.com/components/arrow-slide-card/) - [Stats 05](https://elementuikit.com/components/stats-05/) - [Stats 04](https://elementuikit.com/components/stats-04/) - [Stats 03](https://elementuikit.com/components/stats-03/) - [Stats 02](https://elementuikit.com/components/stats-02/) - [Stats 01](https://elementuikit.com/components/stats-01/) - [Team 25](https://elementuikit.com/components/team-25/) - [Team 24](https://elementuikit.com/components/team-24/) - [Team 23](https://elementuikit.com/components/team-23/) - [Team 22](https://elementuikit.com/components/team-22/) - [Team 21](https://elementuikit.com/components/team-21/) - [Team 20](https://elementuikit.com/components/team-20/) - [Team 19](https://elementuikit.com/components/team-19/) - [Team 18](https://elementuikit.com/components/team-18/) - [Team 17](https://elementuikit.com/components/team-17/) - [Service grid with icon hover](https://elementuikit.com/components/service-grid-with-icon-hover/) - [Team showcase](https://elementuikit.com/components/team-showcase/) - [Footer 20](https://elementuikit.com/components/footer-20/) - [Footer 19](https://elementuikit.com/components/footer-19/) - [Footer 18](https://elementuikit.com/components/footer-18/) - [Footer 17](https://elementuikit.com/components/footer-17/) - [Footer 16](https://elementuikit.com/components/footer-16-2/) - [Hero 32](https://elementuikit.com/components/hero-32/) - [Features 39](https://elementuikit.com/components/features-39/) - [Team 16](https://elementuikit.com/components/team-16/) - [Team 15](https://elementuikit.com/components/team-15/) - [Pricing 17](https://elementuikit.com/components/pricing-17/) - [Hero 31](https://elementuikit.com/components/hero-31/) - [Testimonials 22](https://elementuikit.com/components/testimonials-22/) - [Services 22](https://elementuikit.com/components/services-22/) - [How it works 27](https://elementuikit.com/components/how-it-works-27/) - [Contact 26](https://elementuikit.com/components/contact-26/) - [Services 21](https://elementuikit.com/components/services-21/) - [Features 38](https://elementuikit.com/components/features-38/) - [How it works 26](https://elementuikit.com/components/how-it-works-26/) - [Services 20](https://elementuikit.com/components/services-20/) - [Header 19](https://elementuikit.com/components/header-19/) - [Services 19](https://elementuikit.com/components/services-19/) - [Pricing 16](https://elementuikit.com/components/pricing-16/) - [How it works 25](https://elementuikit.com/components/how-it-works-25/) - [Hero 30](https://elementuikit.com/components/hero-30/) - [Services 18](https://elementuikit.com/components/services-18/) - [Hero 29](https://elementuikit.com/components/hero-29/) - [Testimonial spotlight](https://elementuikit.com/components/testimonial-spotlight/) - [Call to action 14](https://elementuikit.com/components/call-to-action-14/) - [How it works 24](https://elementuikit.com/components/how-it-works-24/) - [Services 17](https://elementuikit.com/components/services-17/) - [Testimonials 21](https://elementuikit.com/components/testimonials-21/) ## Reviews ## Categories - [Design & UX](https://elementuikit.com/category/design-ux/) - [Elementor tips](https://elementuikit.com/category/elementor-tips/) - [Performance](https://elementuikit.com/category/performance/) - [Troubleshooting and fixes](https://elementuikit.com/category/troubleshooting-and-fixes/) - [Tutorials](https://elementuikit.com/category/tutorials/)