Jakob Wiens

TZM Block Scroll Animations helps you bring your blocks to life by adding clean, expressive scroll-driven motion effects. Animate properties such as position, scale, rotation, opacity, and more — all directly within the Gutenberg Editor in just a few seconds.
<h3>Features</h3>
<ul>
<li>
Animation Editor: A clean and straightforward interface that requires no coding or scripting knowledge. Set up eye-catching scroll-based animations in just a few clicks.
</li>
<li>
Start/End-Based Animations: Animate movement, rotation, scaling, opacity, grayscale, and blur using a simple, start-to-end value workflow that keeps animation behavior predictable.
</li>
<li>
Customizable Timeline Range: Define the scroll segment that drives the animation using block selection or custom CSS selectors for maximum flexibility.
</li>
<li>
Integrated Responsive Controls: Assign different animation settings for desktop, laptop, tablet, and phone independently.
</li>
<li>
Easing Curves: Add extra refinement by using non-linear easing to adjust how animations unfold along the scroll timeline.
</li>
</ul>
<h3>Source Code</h3>
The source code for TZM Block Scroll Animations is available on GitHub! 
Follow the development, report issues, and get involved in improving the plugin. We welcome contributions, feedback, and feature requests from the community.
<ul>
<li><a href="https://github.com/jakobwiens7/tzm-block-scroll-animations" rel="nofollow ugc">View on GitHub</a></li>
</ul>

TZM Block Scroll Animations

Bring your blocks to life with scroll-driven animations — easy and intuitive with no coding required!

While the (Gutenberg) Block Editor has brought a lot of amazing and powerful tools to web design, it still falls short in one crucial aspect: Responsive controls
<h3>TZM Responsive Block Controls is here to fill the gap!</h3>
This plugin enhances the Block Editor by adding a dedicated Responsive controls panel right inside your block’s settings tab. 
The provided options allow you to customize how your blocks appear on different devices. No more need for complicated workarounds or custom CSS!
<ul>
<li>Hide Blocks: Easily hide blocks on specific devices to create tailored, clutter-free layouts.</li>
<li>Adjust Block Widths: Set custom block widths per device, ensuring your content looks great on all screen sizes.</li>
<li>Reverse Direction: Reverse the direction/order of blocks (like ‘Columns’ or ‘Row’ blocks) for optimized layouts.</li>
<li>Justify Blocks: Ensure fluid layouts by adjusting block justification across different devices.</li>
<li>Optimize Focal Points: Fine-tune focal points for background images and other media on different screen sizes.</li>
<li>Align Media and Text: Control horizontal alignment of media and text for consistent appearance across devices.</li>
<li>Font Size Adjustments: Adjust font sizes for each device to ensure optimal readability and maintain visual hierarchy.</li>
<li>Control Padding and Margins: Set custom padding and margins for each device to achieve perfect spacing.</li>
<li>Adjust Block Gaps: Define custom spacing between blocks to maintain flow and balance on all device types.</li>
<li>Customize Block Heights: Set different block heights across devices to maintain consistent layouts.</li>
<li>Refine Border Radius: Customize the border-radius to achieve consistent rounded corners across different devices.</li>
</ul>
With such an extensive and exclusive feature set, TZM Responsive Block Controls provides everything you need to create stunning and visually appealing designs across different devices.
<h3>Source Code</h3>
The source code for TZM Responsive Block Controls is now available on GitHub! 
Follow the development, report issues, and get involved in improving the plugin. We welcome contributions, feedback, and feature requests from the community.
<ul>
<li><a href="https://github.com/jakobwiens7/tzm-responsive-block-controls" rel="nofollow ugc">View on GitHub</a></li>
</ul>

TZM Responsive Block Controls

TZM Responsive Block Controls lets you customize blocks for different screen sizes. Control visibility, alignment, font size, spacing, and much more.

TZM Block Scroll Animations vs TZM Responsive Block Controls