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.
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
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.
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: 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
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.
