=== 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.1
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.1 - 13 May 2026 =
* Target selector enhanced for better selection of elements
* Fixed Gutenberg core navigation block incompatibility

= 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


