OoohBoi Steroids for Elementor

Description

An awesome set of tools, options and settings that expand Elementor defaults. Instead of creating new Elementor Widgets, these act like an upgrade of existing options or the self-standing panels thing.

What is new?

The power of Locomotive Scroll is now available to all Elementor users. And that changes a lot! No more old-fashioned scrolling that looks awful in Chrome or Safari. From now on any Section, Column or Widget can become a part of smooth scrolling with support for parallax effects, toggling classes, and triggering event listeners when elements are in the viewport.
That’s not all! On top of the Locomotive Scroll, you can include GreenSock’s ScrollTrigger and GSAP – the PRO grade animation library.
Enjoy the latest features, create something awesome!

In the package so far

  1. HARAKIRI
    Allows you to change the writing mode (CSS property writing-mode) of Elementor’s Heading and Text Editor widgets.

  2. POOPART
    Add an overlay or underlay ghost-element to any Elementor Widget. By adding a mask image to these, and/or combining them with CSS filters, blend mode, a wow effect is inevitable. Oh, yes, you can also resize and reposition these if you like.

  3. OVERLAIZ
    From now on, you can move the Background Overlay in any direction, as well as to resize it. Creating overlapping columns is now piece of cake.

  4. PAGININI
    Your frustration with styling up the posts pagination in Elementor is now officially over.

  5. BREAKING BAD
    Tailor the Section columns at will! Set the custom width, height and let them collapse naturally.

  6. GLIDER
    Generate the slider out of Section and columns with one click only!

  7. PHOTOGIRAFFE
    Make any Image full-height

  8. TELEPORTER
    An awesome Coulmn hover controls

  9. SEARCH COP
    Decide what to search for; posts only, pages only or everything.

  10. VIDEOMASQ
    Add the SVG mask to the Section video background and let the video play inside any shape

  11. BASELINE GRID
    Find it uder the Page Settings! It allows you to define the visual grid and thus ensure consistent vertical spacing with your typography and page elements.

  12. BUTTER BUTTON
    From now on you can design awesome buttons in Elementor! Forget about those flat, boring and outdated buttons style, Butter Button brings fun!

  13. PERSPEKTIVE
    A small set of options that allow you to move widgets in 3D space

  14. SHADOUGH
    This extension allows you to create the shadow that conforms the shape.

  15. PHOTOMORPH
    From now on you can add the clip-path to the Image widget for Normal and Hover state.

  16. COMMENTZ
    Style up your Post Comments from Elementor.

  17. SPACERAT
    Adds new shine to the Spacer widget.

  18. IMBOX
    More controls to the Image Box widget.

  19. HOVERANIMATOR
    Animate widgets on column’s mouse-over event

  20. KONTROLZ
    Allows you to additionaly style Image Carousel and Media Carousel controls.

  21. WIDGET STALKER
    Stack widgets one after another inside the column.

  22. ICOBOX
    More controls to the Icon Box widget.

  23. PSEUDO
    Add and manage Column’s pseudo elements. It’s a PoopArt for Columns!

  24. LOCOMOTION
    The power of Locomotive Scroll is now available in Elementor too!

  25. MORE IS COMING SOON!

Screenshots

  • HARAKIRI text options
  • POOPART interface
  • OVERLAIZ interface
  • HARAKIRI in action
  • POOPART composition
  • OVERLAIZ overlapping
  • PAGININI options
  • BREAKING BAD section
  • BREAKING BAD column
  • GLIDER interface
  • GLIDER as a Slider
  • PHOTOGIRAFFE option
  • TELEPORTER options
  • VIDEOMASQ options
  • BASELINE GRID options
  • BUTTER BUTTON options
  • PERSPEKTIVE options
  • SHADOUGH options
  • PHOTOMORPH options
  • COMMENTZ options
  • SPACERAT options
  • IMBOX Image options
  • IMBOX Content options
  • HOVERANIMATOR options
  • WIDGET STALKER options

Installation

  1. Upload the plugin files to the /wp-content/plugins/plugin-name directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress

FAQ

How do I use OoohBoi Steroids?

It depends on the widgets that you are editing. For example, if you are about to style Heading widget or Text Editor widget, HARAKIRI options will show up.
All the POOPART options can be found under “Advanced” tab, POOPART panel.
Rest assured, you won’t miss them because there will always be an eye-catching icon next to the set of options (or the panel title).

Do I need Elementor PRO with this add-on?

No, you don’t. It’ll work with both free version of Elementor and Elementor PRO.

Reviews

June 6, 2021
let me say a simple thing: I've never see a free plugin of this quality before 🙂 It adds a ton of incredibily useful features, some of them let me say "Why Elementor doesn't have this thing natively?". I'm saying that for Breaking-bad, Hoveranimator and Teleporter, to say 3 features I use the most. Not to mention Locomotive and GSAP, that add's interactivity to your page like never before. Very good work!
June 1, 2021
I can't imagine making a site with Elementor and NOT downloading this plugin. It purely increases Elementor's flexibility and amplifies every aspect of the front-end development workflow with 0 bloat. This plugin is perfect and greatly appreciated. I thank you deeply for the support and creation of this tool.
June 1, 2021
Excellent plugin! I use it in all my projects. Improvement suggestions: - Baseline grid Add personalization options: Number of lines Gutter Width It would be great for creating faithful prototypes. CONGRATULATIONS FOR THE WORK!
Read all 80 reviews

Contributors & Developers

“OoohBoi Steroids for Elementor” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.7.7

  • New: Added “barba.js” library
  • New: Added 2 new GSAP plugins; ScrollTo and MotionPath
  • Fix: if WP not installed in the root, SFE can’t be loaded (“Failed to load plugin url” error msg)
  • New option: Glider – Enable Mousewheel

1.7.6

  • New: Added option to remove the “data-scroll-section” attribute (see Manage JS Libraries)
  • Added required GSAP License acknowledgement

1.7.5

  • Fix: GSAP and ScrollTrigger loaded in Elementor editor
  • Improvement: Plugin Settings interface
  • Improvement: Clickable column has the custom class name “bb-column-link” (front-end only)

1.7.4

  • Added “silent” page refresh on window resize event to the Locomotive Scroll pages
  • Fixed Sucuri malware warning
  • Fixed laggy Locomotive Scroll Multiplier on Firefox
  • LOCOMOTION – all the built-in “fade” classes now work normally with Sections and Columns

1.7.3

  • New feature added, LOCOMOTION – Locomotive Scroll for Elementor
  • New Options panel for the plugin
  • Include/exclude JS libraries (Locomotive Scroll, GSAP, ScrollTrigger) from the plugin Options
  • COMMENTZ – added option to hide the “Website” input field
  • Fixed JSON.parse JS error (deprecated functions replaced)
  • Fixed Scheme_Typography deprecated function warning for Butter Button and Commentz extensions
  • Extended support for the Optimized DOM Output Experiment (elementor-image and elementor-text-editor)

1.7.2

  • ICOBOX, added responsive control for the Icon size
  • ICOBOX, extended range of the CSS units for all Override controls
  • IMBOX, added responsive control for the Image size
  • IMBOX, extended range of the CSS units for all Override controls
  • BREAKING BAD, added option to create the Column-link

1.7.1

  • New feature added, PSEUDO – it’s like a PoopArt for Columns
  • HOVERANIMATOR, Offset TOP and Offset Left properties now support the CSS calc() input too

1.7.0

  • OVERLAIZ, the Mask option now works for all types of backgrounds
  • GLIDER, added support for multiple slides per view (thanks to xmastermind)
  • GLIDER, restore-to-section issue fixed
  • GLIDER, gotoslide is now supported via the custom class name ( .glider-control-1, .glider-control-2, … .glider-control-10 )
  • HARAKIRI, added responsive option for Mix Blend Mode
  • HARAKIRI, added HOVER color option
  • IMBOX, added controls for manipulating border (image and the text box)

1.6.6

  • CRITICAL ERROR FIX
  • ICOBOX, added new option to add the background/image to the icon element

1.6.5

  • New feature added, ICOBOX – from now on, more power to the Icon Box widget
  • WIDGET STALKER for BREAKING BAD, fix for the horizontal alignment issue of widgets
  • BREAKING BAD, added new option to align the Inner Section horizontally
  • IMBOX, added more controls to the “Image Box” widget; stretch the image full-height, apply clip-path, add the background, padding, margin

1.6.4

  • GLIDER, Prev and Next buttons positioning controls are now responsive
  • POOPART, added clip-path option to Overlay and Underlay
  • Passed the test for WordPress 5.7

1.6.3

  • BREAKING BAD, fixed inheritance of the columns alignment and direction for Inner Sections
  • BREAKING BAD, added size controls (width) and self-alignment for Inner Section widget
  • WIDGET STALKER, fixed initial position being undefined/empty
  • WIDGET STALKER, added option to change the appearance order of the widget

1.6.2

  • WIDGET STALKER fixed
  • GLIDER extension now works when “Improved Asset Loading” is active (Elementor PRO 3.1)
  • PHP 8.0+ compliance issue resolved
  • Elementor PRO 3.1 – deprecated PHP hooks have been replaced (https://developers.elementor.com/v3-1-planned-deprecations/)
  • New Admin settings interface

1.6.1

  • WIDGET STALKER temporary disabled until the issues resolved

1.6.0

  • New feature added, WIDGET STALKER
  • Teleporter, fixed disfunctional column-link
  • SearchCop, added search filter for “product” post type (WooCommerce required)