Animatikon - Parallax, Scroll Animations & Motion Effects
| 开发者 |
sitionwp
freemius |
|---|---|
| 更新时间 | 2026年11月6日 04:20 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPL-3.0-or-later |
| 版权网址: | 版权信息 |
详情介绍:
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: 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.
- 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.
安装:
- Upload the plugin files to the
/wp-content/plugins/animatikon-scroll-animations-motion-effectsdirectory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the 'Plugins' screen in WordPress.
- Start animating your blocks!
屏幕截图:
常见问题:
Is this plugin free?
Yes, the core version is free to use. You can upgrade to the Pro version for advanced features like the Stack block, 3D effects, and full scroll-sync.
Are the Parallax Group and Scroll Slider blocks fully free?
Yes. Both blocks include all their features and settings in the free version and in Pro. You do not need Pro to use them.
Can I use different settings on desktop, tablet and mobile?
In Parallax Group, yes: almost every parameter can be set separately for each device type, not only the background images.
How do I make a parallax section?
Add the Parallax Group block, place your blocks inside it (each one becomes a layer) and optionally add background image layers in the block settings. Then set the direction, distance and scroll trigger. See the Parallax Group demo for ideas.
Does it work with other block plugins and themes?
Yes. Animatikon blocks can contain any blocks, including those added by other block libraries, block-based themes and theme add-ons. In MotionFX you can also choose the animation target by class name or CSS selector, which helps with complex nested layouts.
Do I need to be a coder?
No! Animatikon handles the complex animation logic for you. You just use the intuitive visual controls in the WordPress block editor to create professional motion designs.
更新日志:
1.4.0
- New: Parallax Group block, free for everyone. Create layered sections from your own blocks and background image layers.
- Fixed minor bugs
- Updated Pricing page
- Added more shapes - Reveal block
- Faster start of smooth scrolling
- Added more shapes - Background Shapes block
- Added 'Flip shape' - Background Shapes block
- Added 'Match shape to block proportions' - Background Shapes block
- Improved alignment of inner blocks in the editor and on the frontend
- Added minimum height and vertical alignment options to Stack Block
- Added speed and easing options to the smooth scrolling settings
- If some blocks don't validate in the editor, please click "Attempt recovery" – we are sorry
- Now you can set the visibility of the background shape outside the block - Background Shape Block
- Fixed minor bugs
- Fixed: no SVG animation on slow connection
- Fixed minor bugs
- Updated text domain
- Initial release