=== Frontis Interactions - Block Animations with scroll, hover & click interactions === Contributors: wpmessiah Tags: animation, gutenberg, motion, interactions, scroll-animation Requires at least: 6.0 Tested up to: 6.9 Stable tag: 1.2.0 Requires PHP: 7.4 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Build Gutenberg block animations with Click, Hover, & In View interactions. Create advanced animations without writing code. == Description == **MAKE YOUR WEBSITE FEEL ALIVE — WITH INTERACTION-BASED ANIMATIONS.** Your page looks good. But they feel… still the same. No motion. No response. No “wow.” **Frontis Interactions fixes that.** It's built to help you create **WordPress animation** effects directly in the Block Editor **using an animation builder**, so your **blocks don’t stay static**. You can build **block animations** that react when visitors **Click, Hover, View, Scroll, and Drag** so your site feels alive with **animated blocks**, not static sections. Frontis is building Interactions as part of one ecosystem (Theme + Blocks + Interactions), so you don’t have to juggle many plugins just to add motion to your site. **The problem (you’ve seen it)** Should you install 5 different animation plugins? Paste random code snippets from tutorials? Fight with timings until midnight? Most **“WordPress animation”** setups turn into a messy mix of scripts, settings, and guessing. Frontis Interactions is built to give you a cleaner way to build motion, **inside your block workflow** (Frontis describes Interactions as a simple Gutenberg-based interface with triggers like click/hover/view/scroll, timed sequences, and style changes). **What makes it different?** Frontis Interactions is designed around a simple idea: **This animation builder follows a simple flow: Pick a trigger → choose what happens → control timing → publish.** According to Frontis’ own product messaging, the goal is to: * Design interactions using a simple interface inside **Gutenberg** * Set actions based on **clicks, hovers, view, scrolls**, and more * Animate elements or change styles * Sequence multiple actions with exact timing for more complex animations * Work smoothly with **Frontis Theme and Frontis Blocks** for consistency and performance **Why Motion (motion.dev)?** Frontis Interactions uses **Motion** instead of legacy animation libraries to give you: - Smooth, hardware-accelerated animations - Modern API designed for UI interactions - Better performance with less overhead - Precise control over timing, easing, and sequencing This means your animations feel fast, responsive, and intentional. **Features at a Glance** Scroll & Page Movement * **Scroll-based triggers** — start animations based on scroll position * **Smooth Scrolling** — fresher page movement feel * **Horizontal Scrolling** — scroll sideways sections * **Sticky Elements** — keep key blocks pinned while scrolling * **Scroll To Animation** — animated jump to a section * **Scroll Smoother** — more controlled smooth scrolling * **Parallax Effects** — depth effect while scrolling Animation Builder, Timing & Control * **Timeline-Based Animation** — multi-step animations with exact timing * **Stagger Animation** — animate items one-by-one (cards, list items, icons) * **Advanced Easing Functions** — control how motion starts/stops by ease and spring physics and spring time transitions Text & Visual Effects * **Split text animation** — animate words and characters * **Clip-path animation** — reveal and masking effects * **Flip animations** — smooth state transitions Interactions * **click, Hover, View & Page Load** — responsive UI feedback Preset animations * **Advanced text effect presets** – A rich collection of customizable text animations with staggered, masked, and dynamic effects for modern interfaces. * **Layout animation presets** – Predefined smooth animation patterns for entrances, exits, and responsive layout transitions across all UI elements. **Why you’ll use Frontis Interactions** Frontis Interactions is made for people who want: * **Animated blocks** that look clean and modern * Scroll-based storytelling sections (hero → features → CTA) * Sticky + scroll animations for better page flow * Text effects that feel premium (split text, clip path) * Interactive UI moments (drag elements, flip effects) If you’re building landing pages, portfolios, product pages, or service sites, this is exactly the type of **WordPress animation plugin** workflow you’ll want. **Built for Gutenberg (and the Frontis ecosystem)** Frontis Interactions works directly inside **Gutenberg**, and pairs seamlessly with: - Frontis Theme - Frontis Blocks Build your layout → add motion → ship. No context switching. == Installation == 1. Go to `Plugins > Add New` in your WordPress dashboard. 2. Search for **Frontis Interaction**. 3. Install and activate the plugin. 4. Start adding interactions from the block editor. == Documentation == Start with the **Frontis Blocks documentation** for quick setup, guides, and best practices. Clear steps, screenshots, and tips to help you build faster in the **Gutenberg** editor. [Docs](https://docs.wpmessiah.com/) == Support == Need help after checking the docs? Send us a message via **Frontis Support**. Share your WordPress version, theme, and steps to reproduce—we’ll reply fast. [Support](https://wpmessiah.com/support/) == Say Hello, Get Help — Connect with the Frontis Team == We’re just a message away. Follow us for quick tips, release news, 60-second tutorials, and fast help from real humans. Got a question about **Frontis** or your setup? DM us — we’ll jump in. * **Facebook Group:** https://www.facebook.com/groups/wpmessiah * **Discord:** https://discord.gg/wEVmDvRbad * **YouTube Tutorials:** https://www.youtube.com/@wpmessiahacademy == Frequently Asked Questions == = Do I need coding knowledge? = No. Everything is handled through a visual workflow inside Gutenberg. = What kind of animations can I make? = Scroll-based animations, timelines, stagger effects, text animations, parallax, and interactive UI behaviors like drag, hover, and click. = Can I create multi-step animations? = Yes, you can sequence multiple actions with exact timing. = Is this only for Frontis Theme? = It works best with Frontis Theme and Blocks, but it’s built around Gutenberg, so it fits the standard block editor workflow. = How are animations handled? = Animations are powered by Motion, ensuring modern performance, smooth transitions, and precise control over interactions. == Changelog == = 1.2.0 - 2 April 2026 = * Revamped the Interaction Builder UI with a completely new design * Added text effects and animation presets * Enhanced target selector for more flexible animation targeting * Introduced a runtime-based animation player = 1.0.0 - 16 January 2026 = * Initial release