UiCore Animate extends both Elementor and Gutenberg with advanced animation tools, visual effects, and interaction features. This overview introduces the main settings, where to access them, and the core functionality included in the plugin.
Settings
UiCore Animate includes a centralized settings panel where you can manage global options for animations, transitions, and performance. The settings location depends on how the plugin is installed:
Standalone installation
Go to Settings → UiCore Animate in your WordPress dashboard:
With UiCore PRO theme
The options are available in UiCore Pro → Theme Options → Animations:
From this area, you can enable or disable specific features based on your project requirements.
Enable/Disable All Animations (UiCore Pro Only)
If you’re using UiCore Pro, you have the option to completely disable all animations across your entire website. This can be done from:
Theme Options → Animations → Enable Animations
Disabling animations can be useful if you want:
- A minimal or static visual style.
- Improved performance on low-end devices.
- Reduced motion for accessibility reasons.
- Full manual control over animations through your own custom setup.
From this area, you can enable or disable specific features based on your project requirements:
Features
UiCore Animate includes a flexible set of animation tools designed for both builders. Some features are available in both editors, while others are exclusive to Elementor.
Animation Controller (Elementor Only)
A dedicated panel in the Elementor editor that allows you to create layered, timeline-based animations and on-scroll interactions. Ideal for advanced motion design.
See the Animation Controller page for detailed explanations and examples.
Animation Styles
Control the overall “feel” of your animations. They adjust parameters like easing, timing, and motion behavior to create different visual identities.
Learn more about each Animation Style in the full Animation Styles guide.
Animation Presets
A collection of motion presets such as fade, slide, zoom, rotate, and reveal effects. These can be applied to most elements with minimal configuration.
Explore the full list of presets and examples on the Animation Presets page.
Animated Backgrounds
Add motion effects to section or container backgrounds using gradients, patterns, particles, or dynamic color transitions.
See the Animated Backgrounds page for setup instructions and visual demos.
Animated Borders
Allows borders to animate independently using effects such as hover glow, rotate, and gradient rotate.
Visit the Animated Borders page for configuration tips and effect previews.
Split Text Animation (Elementor Only)
Breaks text into characters, words, or lines and animates each part individually. Includes controls for animation type, speed, delay, and stagger, making it easy to create cinematic title reveals and attention-grabbing headlines.
See the Split Text Animation page for examples, best practices, and full option breakdown.
On Scroll Effects (Elementor Only)
Create animations triggered by the user’s scroll position, including parallax movement, fade-in sections, and dynamic transforms. Fully controlled from both the Elementor and UiCore Blocks Gutenberg panel.
See the On Scroll Effects page for full configuration options and examples.
Smooth Scroll
Enhances the vertical scrolling experience to make navigation more fluid and controlled throughout the site.
Read the Smooth Scroll documentation for setup details and recommendations.
Page Transitions
Apply animated transitions between pages for a more polished and immersive browsing experience.
Visit the Page Transitions page to preview every transition type and settings.
Preloader
Display a loader animation before the page becomes visible. Useful for sites with heavy media or dynamic content.
See the Preloader page for available loader types and customization options.
