Advanced Addons – Animation and Custom CSS for Gutenberg and Elementor

Name: Advanced Addons – Animation and Custom CSS for Gutenberg and Elementor
Rating: 5 (3 reviews)

De syarifstudio

Elŝuti

Helpo

Priskribo

Advanced Addons extends the WordPress Block Editor (Gutenberg) and Elementor editor by providing powerful animation controls and custom CSS features without requiring Elementor Pro.

This plugin is designed to enhance workflow for users converting designs from tools like Figma or HTML into WordPress layouts, allowing flexible styling and animation directly inside the editor.

Key features include:

Add custom CSS to Gutenberg blocks and Elementor widgets
Advanced animation controls for blocks and elements
Support for position, rotation, transforms, and motion effects
Lightweight and optimized for performance
Works alongside HTML-to-WordPress and HTML-to-Elementor workflows

Whether you’re creating simple motion effects or complex interactive layouts, Advanced Addons helps you bring your designs to life directly within WordPress.

Features

Animation Controls

Add animations to blocks and widgets using visual settings, including:

Transform animations (translate, rotate, scale)
Scroll-based effects
Custom animation properties

Custom CSS

Extend styling without editing theme files:

Add custom CSS directly in Gutenberg blocks
Add custom CSS to Elementor widgets without Elementor Pro

Editor Integration

Built to integrate seamlessly with:

WordPress Block Editor (Gutenberg)
Elementor editor

Ekrankopioj

Advanced animation settings inside Gutenberg editor
Custom CSS controls inside Gutenberg editor

Instalo

Upload advanced-addons.zip to the /wp-content/plugins/ directory.
Extract the zip file if needed.
Activate the plugin through the ‘Plugins’ menu in WordPress.
Open Gutenberg or Elementor editor and configure animation or custom CSS settings.

OD

Why this plugin needed for HMTL to Elementor extension?: This plugin provide custom css similar to Elementor pro that needed for that extension. This plugin needed only if you are using the free version of elementor plugin (without elementor pro installed).
Why this plugin needed for HMTL to WordPress extension?: This plugin provide custom css for block editor that needed for that extension.

Pritaksoj

dedoyin Junio 5, 2024

Hello guys, I installed the plugin and attempted to import my designs from Figma to WordPress as advertised but, the import button is no where to be found. Any tips on what the issue might be?