=== 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.0.0 Requires PHP: 7.4 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Build WordPress Gutenberg block animations: scroll-trigger, hover & click interactions, timelines, easing, parallax, smooth scroll, and draggable effects. == 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 **scroll, hover, click, 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/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, scrolls**, and more * Animate elements, update content, 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 **Features at a Glance** **Scroll & Page Movement** * **ScrollTrigger** - start animations when the page scrolls * **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 **Text & Visual Effects** * **Split Text Animation** — animate words/letters for headings * **Text Scramble Animation** — “hacker-style” text reveal effect * **Clip Path Animation** — animated mask/reveal effects * **Flip Animation** — flip-style transitions **Interactions** * **Draggable Elements** — drag-based motion and interactions **Coming Soon** * **Preset Animation (Coming Soon)** — ready-made animation presets. **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, scramble, 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 clear results** Here are examples of what users can build using these features: * **ScrollTrigger + Timeline** → sections that animate step-by-step while scrolling * **Sticky Elements + Scroll To** → sticky CTA + smooth jump to pricing/contact * **Split Text + Advanced Easing** → premium hero heading entrance animation * **Parallax + Smooth Scrolling** → depth effect for images and backgrounds * **Draggable Elements** → interactive UI blocks (before/after feel, playful elements) This is how you get **block animation** that looks intentional—not random. **Works great with Gutenberg (and Frontis ecosystem)** Frontis describes Interactions as working inside the **Gutenberg** workflow and alongside **Frontis Theme + Blocks**. That means you can build pages with blocks, then add motion on top—without switching builders. == 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. Frontis positions Interactions as a simple Gutenberg-based workflow where you set triggers (scroll/hover/click) and then define what happens. = What kind of animations can I make? = Scroll animations, sticky animations, timeline-based sequences, stagger effects, text animations, parallax, and drag-based interactions. = 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 GSAP libraries loaded? = GSAP libraries are loaded from a CDN only after you give consent on the plugin settings page. This ensures the plugin remains fully GPL-compliant. == Changelog == = 1.0.0 - 16 January 2026 = * Initial release