Title: Elements Hive for Breakdance Author: elementshive Published: 24 พฤศจิกายน 2022 Last modified: 10 เมษายน 2026 --- Search plugins ![](https://ps.w.org/elements-hive-for-breakdance/assets/banner-772x250.png?rev= 3145616) ![](https://ps.w.org/elements-hive-for-breakdance/assets/icon-256x256.png?rev=3145616) # Elements Hive for Breakdance By [elementshive](https://profiles.wordpress.org/elementshive/) [Download](https://downloads.wordpress.org/plugin/elements-hive-for-breakdance.1.7.1.zip) * [Details](https://th.wordpress.org/plugins/elements-hive-for-breakdance/#description) * [Reviews](https://th.wordpress.org/plugins/elements-hive-for-breakdance/#reviews) * [Installation](https://th.wordpress.org/plugins/elements-hive-for-breakdance/#installation) * [Development](https://th.wordpress.org/plugins/elements-hive-for-breakdance/#developers) [Support](https://wordpress.org/support/plugin/elements-hive-for-breakdance/) ## Description **Turn Your Breakdance Websites Into Visual Symphonies With Elements Hive**. Elevate your Breakdance websites with sophisticated, user-friendly micro-interactions, animations, and interactive visual effects that bring your designs to life. **Native Breakdance Experience** Every element and extension seamlessly integrates with the _Breakdance Editor_, delivering an authentic and intuitive Breakdance experience. **The free version of Elements Hive includes** * **Elements:** The most familiar construct in Breakdance, Elements can be added via the Add Panel. * **Extensions:** Elements Hive is the only Breakdance add-on to offer features in the form of Extensions that extend pre-existing elements with additional features, offering a faster prototyping experience and workflow. * **EH Tricks:** a set of non-intrusive Quality of Life Improvements that enhances the Breakdance builder. **[See the current list of elements and extensions for both the Free and Pro versions of Elements Hive](https://elementshive.com)** What’s inside the Free version? **Elements** * **WebGL Slideshow:** A WebGL-powered Slideshow element featuring various unique and captivating effects. * **Marquee Container:** A versatile and lightweight marquee that lets you transform any combination of elements into a smooth, animated marquee display. * **Orbiting Icons:** Create an arbitrary number of animated orbites with custom icons. * **Link Media Reveal:** Interactively reveal an image or video on link hover using buttery-smooth animations. * **Glue Button:** A button element that implement a sticky/magnetic effect. * **WebGL Media Hover Distortion:** Generate stunning WebGL distortion effects between two media elements on user interaction. * **Gooey Link:** An interactive link element that morphs two text elements using a gooey effect. * **On Scroll Color Switcher:** Dynamically change page background and text colors based on scroll position for engaging and dynamic visual feedback. * **Glue Menu Button:** A Glue Buttom element for use inside the Breakdance Menu Builder. * **Gooey Menu Link:** A Gooey Link element for use inside the Breakdance Menu Builder. * **Link Media Reveal Menu:** A Link Media Reveal element for use inside the Breakdance Menu Builder. **Extensions** * **Cloudflare Turnstile for Breakdance Forms:** Protect your Breakdance forms from bots using Cloudflare Turnstile, a lightweight alternative to Google’s reCAPTCHA. * **WebGL Fluid:** Background extension to create immersive interactive WebGL Fluid Simulation effects that respond to user interaction. * **Edge Mask:** Easily blend any element with the background of its container. * **Magnetic Cursor:** Transform your cursor into an intelligent magnet that elegantly wraps around links, buttons, or any element you designate. * **WebGL Kinetic Typography:** A DIY background extension to craft your own mesmerizing interactive 3D backgrounds. * **Backlight Extension:** Apply natural shadow effects that intelligently adapt to your element’s colors for enhanced depth and visual appeal. * **Ink Mouse Cursor:** Morph your cursor into a fluid, ink-like animation with multiple styles * **WebGL Slideshow** A WebGL-powered Slideshow background extension featuring various unique and captivating effects. **EH Tricks** * **Elements Inspector:** Quickly inspect and copy Tag, ID and Classes applied to any element * **Elements Panel:** Enhance readability of elements with long names * **Selector Panel:** Selectors labels are fully visible * **Code Editor Dialog:** - Window Docking helper action buttons - Breakdance Global Colors helper action buttons - Resizable window - Draggable window - Transparent Overlay so you can see your changes in real time when in dialog mode ## Installation 1. Upload the plugin folder to the `/wp-content/plugins` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through the ‘Plugins’ screen in WordPress ## FAQ ### Can I use the plugin without Breakdance? No. Breakdance has to be installed in order for the plugin to work. ### Where can I access the Elements? The elements are available in the Add Element panel under the Elements Hive category. ### Where can I access the Extensions? The relevant extensions to each type of element are accessible via the Design tab under the Elements Hive category. On the EH website, the documentation page of each extension contains information about the supported elements and where to access it. ## Reviews ![](https://secure.gravatar.com/avatar/368d66d9719c4bb9bc0043211fcc1e17d33047a21d049793ffdad6fba9bb8355? s=60&d=retro&r=g) ### 󠀁[Amazing plugin packed with features!](https://wordpress.org/support/topic/amazing-plugin-packed-with-features/)󠁿 [prussell2450](https://profiles.wordpress.org/prussell2450/) 19 มิถุนายน 2025 1 reply Such a great plugin! Tons of cool animations that can be added in 10% of time it takes to develop same in motion.page etc. Worth every penny! ![](https://secure.gravatar.com/avatar/25c563c7930c4ca0c20244aeff3669084e5c41fd1e27a807e555a65af28015bb? s=60&d=retro&r=g) ### 󠀁[Great plugin, even greater developer](https://wordpress.org/support/topic/great-plugin-even-greater-developer-3/)󠁿 [solarstudios](https://profiles.wordpress.org/solarstudios/) 14 มิถุนายน 2025 1 reply Moussa has built a super plugin, if you want creative solutions made simple, it’s a must. The PRO subscription is well worth it. ![](https://secure.gravatar.com/avatar/caf092a7a00342982eb27a5d18bc245ad3cc66b1ae173df028dce60d5fae713d? s=60&d=retro&r=g) ### 󠀁[Excelente](https://wordpress.org/support/topic/excelente-4144/)󠁿 [victorcaceres470](https://profiles.wordpress.org/victorcaceres470/) 12 พฤษภาคม 2025 1 reply Uno de los mejores plugins para Breakdance, todo los elementos funcionan excelentemente, y lo mejor tienen un excelente soporte ![](https://secure.gravatar.com/avatar/563f58e6db59220a5fc82da2baae3206aeed6a02241ea0f83146f7fbacbbb791? s=60&d=retro&r=g) ### 󠀁[Amazing product and support!](https://wordpress.org/support/topic/amazing-product-and-support-24/)󠁿 [5design](https://profiles.wordpress.org/5design/) 24 กุมภาพันธ์ 2025 1 reply I have actually never bought a product online and had the seller reach out and support me with problems not even related to his product to help me finish up websites when I got stuck. Amazing support and elements hive took breakdance to a new level with add-ons that aren’t seen on any websites in my region allowing me to create websites that stand out in comparison to other designers around here. Very thankful for elements hive and Moussa! ![](https://secure.gravatar.com/avatar/82b7398d80673a062a6e80df8d6b874195ee8bdc7713dd49ed52f5b258c40cd1? s=60&d=retro&r=g) ### 󠀁[Elements Hive takes breakdance to another level](https://wordpress.org/support/topic/elements-hive-takes-breakdance-to-another-level/)󠁿 [mariojazz](https://profiles.wordpress.org/mariojazz/) 22 ตุลาคม 2024 1 reply One of the best plugins for Breakdance without any doubt. Besides, the customer support is exceptional. I’ve had a couple of problems and it immediately solved them. A worthwhile investment if you want to go to another level. Thank you, Moussa for your work and assistance.  ![](https://secure.gravatar.com/avatar/15566df300b3dbfa736cc1d6eaadf187fe3ec9b659940958133179d3edfbf789? s=60&d=retro&r=g) ### 󠀁[Au top](https://wordpress.org/support/topic/au-top-59/)󠁿 [sidso](https://profiles.wordpress.org/sidso/) 15 มิถุนายน 2024 1 reply franchement au top, ça me fait gagner du temps, mais je pense que ça pourrais être encore mieux avec plus de choix 😉 [ Read all 19 reviews ](https://wordpress.org/support/plugin/elements-hive-for-breakdance/reviews/) ## Contributors & Developers “Elements Hive for Breakdance” is open source software. The following people have contributed to this plugin. Contributors * [ elementshive ](https://profiles.wordpress.org/elementshive/) [Translate “Elements Hive for Breakdance” into your language.](https://translate.wordpress.org/projects/wp-plugins/elements-hive-for-breakdance) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/elements-hive-for-breakdance/), check out the [SVN repository](https://plugins.svn.wordpress.org/elements-hive-for-breakdance/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/elements-hive-for-breakdance/) by [RSS](https://plugins.trac.wordpress.org/log/elements-hive-for-breakdance/?limit=100&mode=stop_on_copy&format=rss). ## Changelog **Changelog** #### 1.7.1 Fix: WebGl Fluid, update dependecy call #### 1.7.0 Enhancement: Cloudflare Turnstile, add per-form api keys Enhancement: Cloudflare Turnstile, add submit button lock option. Submit button becomes active once Turnstile verification is successful Fix: Builder Tricks, Code Mirror 6 compatibility Fix: Orbiting Icons, add missing control conditions Fix: WebGL Fluid, fix fluid rendering when used with FX layers Fractal Glass #### 1.6.0 * New: Cloudflare Turnstile for Breakdance Forms * Fix: PHP 8.3> get_class deprecation notice #### 1.5.0 – 16/06/2025 * New: Orbiting Icons element * New: Edge Mask extension * New: EH Tricks > Element Inspector tool * Enhancement: Enable section extensions for Elements Hive Section element * Enhancement: WebGL Fluid > Preset Styles * Enhancement: WebGL Fluid > Enhance builder mode reactivity with FX Layers * Enhancement: WebGL Kinetic Typography > Enhance builder mode reactivity with FX Layers * Enhancement: WebGL Slideshow extension > Enhance builder mode reactivity with FX Layers * Fix: EH Tricks > Global Colors helper, fix error when global colors are empty * Fix: WebGL Fluid > Fix premature rendering halt when using sunrays and random color mode #### 1.4.1 – 22/12/2024 * Added: EH Tricks > A set of quality of life improvements to make you life easier * Enhancement: Link Media Reveal > Add Dynamic Data support for the Media control * Fix: Ink Cursor > Fix visibility when Apply to Whole Page is enabled * Fix: Prevent “_load_textdomain_just_in_time” notice when debug is enabled with Appsero * Fix: Gooey Link > Missing builder badge #### 1.4.0 – 6/11/2024 * Enhancement: Marquee Container > Add Spacing Bars, cleanup css * Enhancement: Gooey Link > Add responsive controls #### 1.3.9 – 3/10/2024 * Added: New Element: Marquee Container. * Added: New Extension: Backlight Extension. #### 1.3.8 – 2/09/2024 * Enhancement: WebGL Media Hover Distortion > Complete rewrite. New implementation uses OGL and comes in a much smaller dependency ( 20x smaller vs the old THREEjs implementation ) * Enhancement: WebGL Media Hover Distortion > Compatibility with the Interactions extension from Elements Hive Pro 1.3.2> * Enhancement: WebGL Fluid > Optimize TBT when Draw on Load is enabled * Enhancement: Margnetic Cursor > Add z-index setting * Enhancement: Design Library > Use new provider feature * Enhacenment: Design Library > Add /Imagine X Build template to the design library * Enhancement: Update THREEjs to 0.160.1 ( 2x smaller than older version used ) * Fix: Ink Cursor > Hide until first mouse move * Fix: On Scroll Color Switcher > Reset color on scroll up * Housekeeping: Update plugin asset and use Plugin Requires tag #### 1.3.7 – 24/03/2024 * Fixed: Delete orphaned references to old GSAP dependency scheme #### 1.3.6 – 24/03/2024 * Enhanced: Glue Button > Complete rewrite for a more stable and smoother interaction * Enhanced: Glue Menu Button > Complete rewrite for a more stable and smoother interaction * Enhanced: WebGL Slideshow element & extension > Refactored and optimized rendering profile, significantly reduced Total Blocking Time impact in PSI * Enhanced: WebGL Slideshow element & extension > Optimized loading speed of dependencies * Enhanced: WebGL Fluid > Refactored and optimized rendering profile, significantly reduced Total Blocking Time impact in PSI * Enhanced: WebGL Fluid > Optimize loading speed of dependencies * Enhanced: WebGL Kinetic Typography > Refactored and optimized rendering profile, significantly reduced Total Blocking Time impact in PSI when used below the fold * Enhanced: WebGL Kinetic Typography > Optimize loading speed of dependencies * Housekeeping: Updated Appsero SDK * Housekeeping: Got rid of GSAP workaround for BD <1.3 #### 1.3.5 – 31/10/2023 * Tweaked: Delete API Call to Demo Sections server during server-side page generation * Fixed: WebGL Slideshow > Blur Level on Blobs effect #### 1.3.4 – 05/09/2023 * Added: Demo Sections to Design Library * Fixed: WebGL Media Hover Distortion > container not going full height of parent container #### 1.3.3 – 29/08/2023 * Tweaked: WebGL Media Hover Distortion > cleanup CSS * Fixed: Link Media Reveal > JS error when element is inside a container other than section * Fixed: Link Media Reveal > z-index compatibilty with Gooey Overlay * Fixed: WebGL Slideshow > Add crossorigin to texture loading * Tweaked: WebGL Slideshow > Cleanup CSS #### 1.3.2 – 16/08/2023 * Fixed: WebGL Media Hover Distortion > Responsive height * Fixed: On Scroll Color Switcher > Dependency error #### 1.3.1 – 12/08/2023 * Changed: On Scroll Color Switcher > Change color setting to Target instead of Trigger. This should make it clearer that color items are the Targets that will their colors changed, while the backgound items are the triggers when the page background color will change #### 1.3.0 – 12/08/2023 * Added: On Scroll Color Switcher element * Fixed: WebGL Media Hover Distortion GSAP dependency compatibility with breakdance version < 1.3.0 #### 1.2.3 – 14/07/2023 * Fixed: Compatibility with Elements Hive Pro * Fixed: WebGL Slideshow Element > CORS error on default images #### 1.2.2 – 31/05/2023 * Added: WebGL Slideshow Element > Disable on Touch Devices option * Added: WebGL Slideshow Extension > Disable on Touch Devices option * Deleted: WebGL Slideshow Element > Apply Cover option * Deleted: WebGL Slideshow Extension > Apply Cover option * Fixed: WebGL Slideshow Element > Blob’s effect Blur not applied * Fixed: WebGL Slideshow Extension > Blob’s effect Blur not applied * Added: WebGL Fluid > Disable on Touch Devices option * Added: WebGL Kinetic Typography > Disable on Touch Devices option * Fixed: Handle GSAP local vs GSAP CDN for compatibility with Breakdance 1.3.0 and prior versions #### 1.2.1 – 08/02/2023 * Fixed: WebGl Kinetic Typography image animation speed not applied on frontend. After the plugin update, please enter the speed value you had before under Image Animation so that it takes effect. #### 1.2.0 – 07/02/2023 * Added: New extension WebGL Kinetic Typography Background * Added: New extension Magnetic Cursor * Fixed: WebGL Media Hover Distortion custom height issue * Fixed: Ink Cursor parsing console error #### 1.1.2 – 28/12/2022 * Fixed: PHP 7.4x heredoc exception error on extensions actions files #### 1.1.1 – 26/12/2022 * Fixed: svn upload #### 1.1.0 – 26/12/2022 * Added: New extension WebGL Slideshow * Added: New element WebGL Slideshow * Fixed: WebGL Media Hover Distortion orphan dependency * Fixed: Gooey Menu Link grid styling issue * Changed: Gooey Link / Gooey Menu Link > Miscelanious refactoring * Added: Goeey Link / Gooey Menu Link > Spacing preset * Added: Goeey Link / Gooey Menu Link > Horizontal Offset for default and hover text * Added: Link Media Reveal / Link Media Reveal Menu > Lazy load support for image and video * Added: Appsero integration for plugin usage analytics #### 1.0.1 – 11/12/2022 * Fixed: WebGL Fluid Extension > Stacking issue when ‘Relative to Parent’ is set to page. * Fixed: Glue Menu Button > Missing breakdance default styling issue. * Added: New micro WebGL library ( ChibiGL ) dependency. ## Meta * Version **1.7.1** * Last updated **1 สัปดาห์ ago** * Active installations **1,000+** * Tested up to **6.9.4** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/elements-hive-for-breakdance/) * Tags * [animation](https://th.wordpress.org/plugins/tags/animation/)[Breakdance](https://th.wordpress.org/plugins/tags/breakdance/) [interaction](https://th.wordpress.org/plugins/tags/interaction/)[threejs](https://th.wordpress.org/plugins/tags/threejs/) [webgl](https://th.wordpress.org/plugins/tags/webgl/) * [Advanced View](https://th.wordpress.org/plugins/elements-hive-for-breakdance/advanced/) ## Ratings 5 out of 5 stars. * [ 19 5-star reviews ](https://wordpress.org/support/plugin/elements-hive-for-breakdance/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/elements-hive-for-breakdance/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/elements-hive-for-breakdance/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/elements-hive-for-breakdance/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/elements-hive-for-breakdance/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/elements-hive-for-breakdance/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/elements-hive-for-breakdance/reviews/) ## Contributors * [ elementshive ](https://profiles.wordpress.org/elementshive/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/elements-hive-for-breakdance/)