MARKETPLACE
PLUGINS
TRANSFORM AND MOVE ELEMENTS
Transform and Move Elements logo

Transform and Move Elements

Published August 2019
   •    Updated December 2025

Plugin details

This plugin enables you to animate elements by applying translate, scale, rotate, skew, and opacity changes through workflows, helping you build smooth custom effects and more interactive UI behavior.
       



⚡ Main Functions:

Element Transformations
   Apply translate, scale, rotate, skew, or opacity changes.
Translate / Scale / Rotate
   Move, resize, or rotate elements with precise controls.
Skew & Opacity Control
   Adjust skew and transparency smoothly in workflows.

⚡ Key Features:

🎞️ Custom Animation Effects
  Combine transformations to create custom animations.
📐 Relative Execution
  Transforms always reference the element’s original state.
📱 Responsive Behavior Note
  Size transforms may affect Bubble responsive layouts.



Documentation

We’ve created a detailed step-by-step guide for the Transform and Move Elements Plugin. It includes a comprehensive overview of all features, practical use cases, and answers to frequently asked questions.

       

FAQ

What is the Transform and Move Elements plugin?
It lets you apply transformations-like translation, scaling, rotation, skewing, and opacity changes—to elements in your Bubble app using workflows.

Which actions does it support?
The plugin includes actions such as Translate X, Translate Y, Translate X/Y together, Scale, Rotate, Skew X, Skew Y and Change Opacity.

Do transformations stack or repeat?
No. All transform actions are relative to the element’s original state—you can’t repeatedly compound transformations. For example, rotating by 30° twice does not produce 60° unless you rotate by 60° from the original.

How do I set it up for an element?
You must enable ID attributes in your Bubble settings, assign a unique Element ID to the target element and then call the desired transform action in a workflow referencing that ID.

Are there layout concerns to watch out for?
Yes. Changing width/height or using certain transforms in responsive layouts can interfere with Bubble’s CSS and break layouts, so use caution when applying those actions.

Is this plugin under active maintenance?
Yes. It was recently acquired by Zeroqode and ongoing reviews, improvements and fixes are expected in future versions.




Our Similar Plugins

- Move and Resize Bubble Elements
- Click and Hover Effects
- Flip Cards For Any Element
- Move and Rotate element
- Tilt Elements on Mouse Movement
- 3D Tilt Effect for Elements
- Invisible Elements
- Hover Tilt Effect for Cards
- Animated Annotations (Notation)
- Pulsate Elements (Animation)
- Focus Elements
- Fold Elements (UI Animator)
- Shake on Hover Animation




Support

If you still have questions or unresolved issues, you can contact us.


Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!

$40

One time  •  Or  $4/mo

3.0 stars   •   1 ratings
26 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Zeroqode - Top Bubble Agency logo
Zeroqode - Top Bubble Agency
Joined 2016   •   846 Plugins
View contributor profile

Instructions

Please refer to the plugin documentation to see how to configure it: https://docs.zeroqode.com/transform-and-move-elements-293c669b00ed8061926ad90a4ec7e93e

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Containers   •   Media   •   Technical   •   Location   •   Compliance

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (3.0)

It works
February 14th, 2021
It does work, and using states you can easily(?) make a toggle on an action. It could do with having width and height adjustment. All in all it's doing what I need.
Dear user, Thank you for your feedback! In response to your suggestion, we’ve added the ability to adjust the width and height of the element. Now you can fine-tune it to better suit your needs. However, a word of caution: When using this feature within Bubble layouts, be mindful of its impact on page design, especially in responsive mode. Adjusting width and height might interfere with Bubble’s CSS and layout behavior. If you encounter any issues or need further assistance, feel free to reach out to us at [email protected]. We’re here to help! 🚀 Best, The RapidDev Team.
April 23rd, 2024
  •  
Original reviewer
Bubble