Animatikon – Parallax, Scroll Animations & Motion Effects

Animatikon adds parallax, scroll animations and motion effects to the WordPress block editor (Gutenberg). Put your own blocks (headings, images, buttons, columns, anything) inside Animatikon blocks and animate them with visual controls. No code, no CSS, no page builder.

It works with the core block editor and with the block libraries, block-based themes and theme add-ons that give you their own blocks and layouts: simply place those blocks inside Animatikon blocks.

Visit animatikon.com to see a live DEMO of what Animatikon can do.

🚀 NEW: Parallax Group block, free for everyone!

Build layered, depth-rich sections in minutes. Drop any blocks into a Parallax Group, and every layer moves at its own pace as visitors scroll. Add background image layers, mix vertical and horizontal movement, fade and scale layers in or out, and tune almost every setting separately for desktop, tablet and mobile. See it in action: Parallax Group live demo.

Highlights:

• Layers from any blocks: each block inside the group becomes a layer.
• Background image layers: stack as many as you need, with fit, scale and X/Y offset for each one, and separate images for desktop, tablet and mobile.
• Settings per device: almost every parameter (distance, direction, trigger points, opacity and scale ranges, clipping, height) can be set separately for desktop, tablet and mobile, not just the background images.
• Vertical and horizontal movement: set the distance, the multiplier and the direction.
• Scroll trigger control: choose exactly where on the screen the movement starts and ends.
• Layer Zero: keep the first layers still while the others move.
• Opacity and scale ranges: fade or grow layers from the first to the last for a smooth sense of depth.
• Loading skeleton: a clean placeholder until the animation is ready.
• Live preview in the editor: see the effect while you build it.

Parallax Group includes all its features in both the free and Pro versions. Nothing in this block is locked.

All Animatikon blocks:

• Parallax Group: layered sections from your own blocks and background images. All features free.
• MotionFX: Animate any block or its children on scroll, with several effects, precise timing and targeting.
• Reveal Content: Reveal elements as they enter the viewport using animated shapes.
• Scroll Slider: Create sliders that sync with your scroll.
• Background Shapes: Add dynamic, animated shapes to your section backgrounds.
• Background Colors: Create smooth color transitions for backgrounds triggered by scroll.
• Animated Borders: Enhance your designs with animated SVG borders for any block.
• Smooth Scrolling: Enable buttery smooth scrolling for your entire site.

Why Upgrade to Pro?
Animatikon Pro unlocks the full potential of your motion designs with features like:
* Scroll Synchronization: Link animations directly to the scrollbar for precise control.
* 3D Effects: Motion Z and 3D rotations for deep, immersive experiences.
* Visual Filters: Animate Blur and Brightness on scroll.
* Pinning: Keep elements in place while others move.
* All Shapes & Positions: Access the full library of SVG shapes and all placement options.
* Professional Easing: Fine-tune motion with advanced easing options (In/Out/Both).
* Stack Block: The tool for layered animations.

Parallax Group and Scroll Slider are fully included in the free version.