Free Elementor Widgets Library – 100+ Widgets for Elementor
Key Features of Spexo Free Elementor Widgets
100+ Elementor widgets and extensions
Spexo Addons includes a large library of widgets for layouts, marketing sections, and navigation components. These widgets help build complete WordPress pages without adding multiple plugins.
Modular widget loading for performance
Spexo uses modular loading so only enabled widgets load scripts on the page. This helps reduce unnecessary CSS and JavaScript.
Compatible with Free and Elementor Pro
Spexo widgets work smoothly with both Elementor Free and Elementor Pro. This allows developers to extend the builder without changing their workflow.
WooCommerce widget toolkit for store layouts
Spexo includes WooCommerce widgets for product grids, carousels, and product page components. These widgets help design store pages visually inside Elementor.
Responsive design controls for all widgets
Each widget includes responsive settings for desktop, tablet, and mobile layouts. This helps maintain consistent design across devices.
Clean UI inside the Elementor editor
Spexo widgets follow the Elementor interface pattern. Editors can easily find controls and adjust layouts without confusion.
SEO-friendly widget structure
Widgets generate clean HTML structure that works well with search engines. This helps maintain SEO performance and accessibility.
Fully customizable layout and style controls
Each widget includes controls for spacing, typography, colors, and alignment. Developers can adjust design without writing custom CSS.
Creative Elementor Widgets
Spexo Addons includes a large collection of design widgets. These widgets help create advanced layouts without writing code. Each widget is designed to work with Elementor’s drag-and-drop interface. Developers can customize layout, typography, colors, and responsive behavior.
Post Grid/Slider/Carousel
Show blog posts in grid, slider, or carousel layouts. Control query settings and responsive layout inside Elementor. View Elementor Post Widget
Magazine Grid/Slider
Create magazine style layouts for posts and highlights. Use it for news pages and content heavy homepages. View Elementor Magazine Widget
Image Grid/Slider/Carousel
Build image grids, sliders, and carousels for galleries. Adjust spacing, navigation, and responsive behavior easily. View Elementor Image Widget
Posts/Story Timeline
Show content in a structured timeline layout. Use it for stories, roadmaps, and company history sections. View Post & Story Timeline Widget
Advanced Slider
Create hero sliders with layered content and controls. Keep animations minimal for better mobile performance. View Advanced Slider Widget
Mailchimp
Add newsletter signup blocks for email collection. Use it in footers and blog side sections. View Elementor Mailchimp Widget
Off-Canvas Content
Build slide-in panels for menus and side content. It helps keep pages clean on mobile screens. View Off-Canvas Content Widget
Testimonial
Display testimonials in structured layouts for trust. Use it near pricing and contact sections. View Elementor Testimonial Widget
Nav Menu
Create navigation menus with layout and style controls. Use it for headers and landing page menus. View Elementor Nav Menu Builder
Onepage Navigation
Build smooth scrolling navigation for one page layouts. It works well for landing pages and sections. View Elementor Onepage Navigation
Data Table
Show structured data in a readable table format. Use it for comparisons and feature lists. View Elementor Data Table Widget
Pricing Table
Create pricing blocks with plan details and CTAs. It improves clarity for services and subscriptions. View Elementor Pricing Table Widget
Countdown
Add countdown timers for offers and launches. Use it carefully to avoid distraction on content pages. View Elementor Countdown Widget
Progress Bar
Show progress indicators for stats and skills. Use it on about pages, results sections and make it interactive.View Elementor Progress Bar Widget
Dual Color Heading
Highlight key words inside headings using two colors. It helps create clear visual hierarchy. View Elementor Progress Bar Widget
Image Accordion
Create interactive image panels that expand on action. Use it for portfolios and category highlights. View Elementor Image Accordion
Advanced Accordion
Organize long content into collapsible sections. Use it for FAQs, specs, and documentation pages. View Advanced Accordion Widget
Advanced Text
Style text blocks with better layout control. Use it for callouts and structured content sections. View Advanced Text Widget
Flip Carousel
Create rotating flip style content cards for showcases. Use it when motion supports your message. View Flip Carousel Widget
Flip Box
Build flip cards to reveal extra details on interaction. Use it for services, features, and team sections. View Elementor Flip Box Widget
Promo Box
Highlight a service or product with a promo block. Use it for homepages and landing page sections. View Elementor Promo Box Widget
Feature List
Show features in a clean icon and text layout. Use it for product pages and section summaries. View Elementor Feature List Widget
Before After Slider
Compare two images using a draggable slider control. Use it for redesigns and result demonstrations. View Before After Slider Widget
Image Hotspots
Add clickable points on images to explain details. Use it for product walkthroughs and diagrams. View Image Hotspots Widget
Form Styler
Style popular form plugins inside Elementor controls. It reduces the need for custom CSS fixes. View Form Styler Widget
Content Ticker
Display short updates in a scrolling ticker format. Use it for announcements and small alerts. View Content Ticker Widget
Button
Create call to action buttons with style controls. Use consistent spacing and contrast for accessibility. View Elementor Button Widget
Dual Button
Show two action buttons side by side in one block. Use it for primary and secondary CTAs. View Elementor Dual Button Widget
Team Member
Display team profiles with image and role details. Use it for agencies and business about pages. View Team Member Widget
Price List
Show services and pricing in a clean list layout. Use it for restaurants and service pages. View Price List Widget
Business Hours
Display working hours in a structured format. Use it for local business pages, contact us page and footers. View Business Hours Widget
Sharing Buttons
Add social sharing buttons to posts and pages. Place them near content end for better UX. View Sharing Buttons Widget
Search Form
Create a search box with layout and style controls. Use it for blogs and content heavy websites. View Search Form Widget
Back to Top
Add a floating scroll to top button for long pages. It improves navigation on mobile devices. View Back to Top Widget
Phone Call
Create click to call buttons for mobile visitors. Use it for services and local lead pages. View Phone Call Widget
Lottie Animations
Display lightweight animations using Lottie files inside Elementor. Use them sparingly to keep pages fast. View Elementor Lottie Animations
Mega Menu Builder
Build large dropdown menus with multiple columns. Use it for stores and large site navigation. View Elementor Mega Menu Builder
Page List
Display a list of pages in a structured layout. Use it for documentation and resource sections. View Elementor Page List Widget
Reading Progress Bar
Show reading progress on posts and long pages. It helps users track content completion. View Reading Progress Bar Widget
Form Styler Elementor Widgets
These widgets let you style popular WordPress forms from inside Elementor. You can match form UI with your theme without writing CSS.
Contact Form 7
Style Contact Form 7 fields using Elementor controls. It helps keep forms consistent across pages. View Contact Form 7 Styler
WP Forms
Customize WPForms layouts and field styling visually. It reduces form styling overrides in themes. View WP Forms Styler
Ninja Forms
Adjust Ninja Forms design without extra CSS files. It improves editor handover for client sites. View Ninja Forms Styler
Caldera Forms
Style Caldera Forms UI inside Elementor sections. Use it to keep spacing and typography consistent. View Caldera Forms Styler
WooCommerce Elementor Widgets
Product Grid
Show products in responsive grid layouts. Use it for category pages and featured collections. View Product Grid Widget
Product Carousel
Display products in a horizontal carousel layout. Use it for upsells and related product sections. View Product Carousel Widget
Product Slider
Show products in a sliding banner format. Use it for hero sections and promotions with Woocommerce. View Product Slider Widget
Cart Page
Design a custom cart layout in Elementor. Always test totals and coupon flow on mobile. View Elementor Cart Page
Checkout Page
Build checkout layouts with Elementor sections. Always test payment and validation before launch. View Elementor Checkout Page
Product Mini Cart
Add a mini cart dropdown for quick access. It helps users review items without leaving the page. View Product Mini Cart Widget
Product Breadcrumbs
Show breadcrumb navigation on store pages. It improves navigation and internal linking paths. View Product Breadcrumbs Widget
Product Add to Cart
Add add to cart UI inside custom product templates. Test variation selection for variable products. View Product Add to Cart Widget
Product Price
Display product pricing blocks with style control. Keep spacing consistent with the buy section. View Elementor Product Price Widget
Product Media
Show product images and gallery media blocks. Test zoom and swipe behavior on mobile devices. View Product Media Widget
Product Tabs
Display description and specs in a tab layout. Use it to keep product pages compact and readable. View Elementor Product Tabs Widget
Product Meta
Show categories, tags, and product metadata blocks. It helps users understand product context quickly. View Elementor Product Meta Widget
Product Rating
Display product ratings and review summary UI. It supports trust signals on product pages. View Product Rating Widget
Product Sale Badge
Show sale badges for discounted products. Use consistent placement across product cards. View Product Sale Badge Widget
Product Notice
Display notices and message blocks for products. Use it for shipping notes and availability alerts. View Product Notice Widget
Product Excerpt
Show short product summaries near the title. It helps to keep text short for better scanning. View Product Excerpt Widget
Product Stock
Display stock status and availability messages. It reduces checkout surprises for buyers. View Product Stock Widget
Product Content
Show extra attributes and product details blocks. Use it for technical products and specs. View Product Content Widget
What Are Elementor Widgets?
Elementor widgets are content blocks used inside the Elementor page builder. Each widget represents a design component such as headings, sliders, forms, or pricing tables. Widgets allow users to create layouts using drag and drop tools.
Elementor addons extend the default widget library. They add more design elements and advanced features. This helps developers build complex pages without custom code.
For online stores, Elementor widgets can also extend WooCommerce functionality. Spexo provides dedicated WooCommerce Elementor widgets that allow store owners to design product grids, carts, and checkout layouts visually.
Speed Up Web Development with Elementor Widgets
Prebuilt widgets reduce development time. Designers can drag widgets into layouts and customize them instantly. This eliminates the need for manual HTML and CSS coding.
Benefits include:
- Faster page creation
- Visual design workflow
- Responsive layout control
- Reduced coding effort
This approach helps agencies deliver websites faster.
Why Choose Spexo Elementor Widgets?
Spexo widgets are designed for performance and flexibility. The plugin uses modular loading for better performance. Only active widgets load scripts and styles.Spexo also focuses on developer workflows. The widgets integrate smoothly with the Elementor editor. Regular updates help maintain compatibility with Elementor releases.
Key advantages include:
- Lightweight widget loading
- Optimized for Core Web Vitals
- Frequent plugin updates
- Developer-friendly architecture
Performance Focused Elementor Widgets
Website performance affects SEO and user experience. Spexo widgets use optimized code and modular loading. This helps keep websites lightweight.
Developers can disable widgets that are not needed. This reduces unnecessary scripts. It also improves page speed scores in performance testing tools.
Widgets such as the Post Grid / Slider / Carousel, Advanced Accordion, and Advanced Slider are designed to work efficiently without adding unnecessary page weight.
To optimize widget performance, refer to the Spexo addons widget configuration guide.
Getting Started with Spexo Addons Elementor Widgets
Spexo widgets integrate directly with Elementor. Installation is simple and requires only a few steps.
- Install the Spexo Addons plugin
- Enable widgets from the dashboard
- Open the Elementor editor
- Drag widgets into your layout
- Customize design settings
This workflow allows developers to build pages quickly.
Learn How to Use Elementor Widgets
Spexo widgets work directly inside the Elementor editor. Each widget includes layout controls and responsive design settings. This helps developers build pages faster without custom CSS. You can start with the Spexo Addons documentation to understand plugin setup and widget configuration. If you need installation help follow the guide to install and activate Spexo Addons. These guides explain the basic workflow and help you start building pages with Elementor widgets.
Have any Questions?
Have any doubts about SpexoElementor Widgets? Here are some frequently asked questions that should answer most of yours.
If you want to add our widgets in Elementor, then you should open the Elementor editor. Drag the widget from the panel and drop it to a page where you want to appear. Then, you can easily customize our widget settings to fit your site design needs.
Our addons will open the huge library of Widgets for Elementor in front of you. It extends the elementor functionality. Our widgets will give you extensive design options, improve user experience, and create your professional-looking website.
Yes, all of our widgets are responsive. It is designed to look functioning and great on all devices, such as tablets, desktops, and phones.
Yes, you can easily customize the widgets from our addons. You can easily customize the colors, fonts, layouts, size, etc of widgets to match your website design.
Yes, you can easily use our widgets for your ecommerce website. Our widgets will improve your product displays, enhance navigation, and streamline checkout options.
Perfectly yes and it is compatible with any theme that uses Elementor.
Yes, even you will not need Elementor Pro until you are doing advanced stuff. Most of Elementor Pro functionality is available for Free in Spexo Addons.
Spexo Addons has dedicated support available with Pro version. Even Free version also have limited suppport.
Navigation:
