{"id":262866,"date":"2026-01-16T06:26:58","date_gmt":"2026-01-16T06:26:58","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/frontis-interaction\/"},"modified":"2026-04-02T06:06:40","modified_gmt":"2026-04-02T06:06:40","slug":"frontis-interaction","status":"publish","type":"plugin","link":"https:\/\/th.wordpress.org\/plugins\/frontis-interaction\/","author":23142901,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.2.0","stable_tag":"1.2.0","tested":"6.9.4","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"Frontis Interactions - Block Animations with scroll, hover & click interactions","header_author":"WPmessiah","header_description":"A modern interaction library for WordPress that will make your website more interactive and engaging.","assets_banners_color":"f9fafb","last_updated":"2026-04-02 06:06:40","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wpmessiah.com\/products\/frontis-interaction\/","header_author_uri":"https:\/\/wpmessiah.com\/","rating":0,"author_block_rating":0,"active_installs":40,"downloads":401,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"wpmessiah","date":"2026-01-16 11:24:26"},"1.2.0":{"tag":"1.2.0","author":"wpmessiah","date":"2026-04-02 06:06:40"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.jpg":{"filename":"icon-128x128.jpg","revision":3440777,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.jpg":{"filename":"icon-256x256.jpg","revision":3440777,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":3440934,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":3440934,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.2.0"],"block_files":[],"assets_screenshots":[],"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[785,148076,11551,34998,71952],"plugin_category":[50],"plugin_contributors":[234378],"plugin_business_model":[],"class_list":["post-262866","plugin","type-plugin","status-publish","hentry","plugin_tags-animation","plugin_tags-gutenberg","plugin_tags-interactions","plugin_tags-motion","plugin_tags-scroll-animation","plugin_category-media","plugin_contributors-wpmessiah","plugin_committers-wpmessiah","plugin_support_reps-samiul77"],"banners":{"banner":"https:\/\/ps.w.org\/frontis-interaction\/assets\/banner-772x250.jpg?rev=3440934","banner_2x":"https:\/\/ps.w.org\/frontis-interaction\/assets\/banner-1544x500.jpg?rev=3440934","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/frontis-interaction\/assets\/icon-128x128.jpg?rev=3440777","icon_2x":"https:\/\/ps.w.org\/frontis-interaction\/assets\/icon-256x256.jpg?rev=3440777","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p><strong>MAKE YOUR WEBSITE FEEL ALIVE \u2014 WITH INTERACTION-BASED ANIMATIONS.<\/strong><\/p>\n\n<p>Your page looks good. But they feel\u2026 still the same. No motion. No response. No \u201cwow.\u201d<\/p>\n\n<p><strong>Frontis Interactions fixes that.<\/strong><\/p>\n\n<p>It's built to help you create <strong>WordPress animation<\/strong> effects directly in the Block Editor <strong>using an animation builder<\/strong>, so your <strong>blocks don\u2019t stay static<\/strong>. You can build <strong>block animations<\/strong> that react when visitors <strong>Click, Hover, View, Scroll, and Drag<\/strong> so your site feels alive with <strong>animated blocks<\/strong>, not static sections.<\/p>\n\n<p>Frontis is building Interactions as part of one ecosystem (Theme + Blocks + Interactions), so you don\u2019t have to juggle many plugins just to add motion to your site.<\/p>\n\n<p><strong>The problem (you\u2019ve seen it)<\/strong><\/p>\n\n<p>Should you install 5 different animation plugins? Paste random code snippets from tutorials? Fight with timings until midnight?<\/p>\n\n<p>Most <strong>\u201cWordPress animation\u201d<\/strong> setups turn into a messy mix of scripts, settings, and guessing. Frontis Interactions is built to give you a cleaner way to build motion, <strong>inside your block workflow<\/strong> (Frontis describes Interactions as a simple Gutenberg-based interface with triggers like click\/hover\/view\/scroll, timed sequences, and style changes).<\/p>\n\n<p><strong>What makes it different?<\/strong><\/p>\n\n<p>Frontis Interactions is designed around a simple idea:\n<strong>This animation builder follows a simple flow: Pick a trigger \u2192 choose what happens \u2192 control timing \u2192 publish.<\/strong><\/p>\n\n<p>According to Frontis\u2019 own product messaging, the goal is to:<\/p>\n\n<ul>\n<li>Design interactions using a simple interface inside <strong>Gutenberg<\/strong><\/li>\n<li>Set actions based on <strong>clicks, hovers, view, scrolls<\/strong>, and more<\/li>\n<li>Animate elements or change styles<\/li>\n<li>Sequence multiple actions with exact timing for more complex animations<\/li>\n<li>Work smoothly with <strong>Frontis Theme and Frontis Blocks<\/strong> for consistency and performance<\/li>\n<\/ul>\n\n<p><strong>Why Motion (motion.dev)?<\/strong><\/p>\n\n<p>Frontis Interactions uses <strong>Motion<\/strong> instead of legacy animation libraries to give you:<\/p>\n\n<ul>\n<li>Smooth, hardware-accelerated animations<\/li>\n<li>Modern API designed for UI interactions<\/li>\n<li>Better performance with less overhead<\/li>\n<li>Precise control over timing, easing, and sequencing<\/li>\n<\/ul>\n\n<p>This means your animations feel fast, responsive, and intentional.<\/p>\n\n<p><strong>Features at a Glance<\/strong><\/p>\n\n<p>Scroll &amp; Page Movement<\/p>\n\n<ul>\n<li><strong>Scroll-based triggers<\/strong> \u2014 start animations based on scroll position<\/li>\n<li><strong>Smooth Scrolling<\/strong> \u2014 fresher page movement feel<\/li>\n<li><strong>Horizontal Scrolling<\/strong> \u2014 scroll sideways sections<\/li>\n<li><strong>Sticky Elements<\/strong> \u2014 keep key blocks pinned while scrolling<\/li>\n<li><strong>Scroll To Animation<\/strong> \u2014 animated jump to a section<\/li>\n<li><strong>Scroll Smoother<\/strong> \u2014 more controlled smooth scrolling<\/li>\n<li><strong>Parallax Effects<\/strong> \u2014 depth effect while scrolling<\/li>\n<\/ul>\n\n<p>Animation Builder, Timing &amp; Control<\/p>\n\n<ul>\n<li><strong>Timeline-Based Animation<\/strong> \u2014 multi-step animations with exact timing<\/li>\n<li><strong>Stagger Animation<\/strong> \u2014 animate items one-by-one (cards, list items, icons)<\/li>\n<li><strong>Advanced Easing Functions<\/strong> \u2014 control how motion starts\/stops by ease and spring physics and spring time transitions<\/li>\n<\/ul>\n\n<p>Text &amp; Visual Effects<\/p>\n\n<ul>\n<li><strong>Split text animation<\/strong> \u2014 animate words and characters<\/li>\n<li><strong>Clip-path animation<\/strong> \u2014 reveal and masking effects<\/li>\n<li><strong>Flip animations<\/strong> \u2014 smooth state transitions<\/li>\n<\/ul>\n\n<p>Interactions<\/p>\n\n<ul>\n<li><strong>click, Hover, View &amp; Page Load<\/strong> \u2014 responsive UI feedback<\/li>\n<\/ul>\n\n<p>Preset animations<\/p>\n\n<ul>\n<li><p><strong>Advanced text effect presets<\/strong> \u2013 A rich collection of customizable text animations with staggered, masked, and dynamic effects for modern interfaces.<\/p><\/li>\n<li><p><strong>Layout animation presets<\/strong> \u2013 Predefined smooth animation patterns for entrances, exits, and responsive layout transitions across all UI elements.<\/p><\/li>\n<\/ul>\n\n<p><strong>Why you\u2019ll use Frontis Interactions<\/strong><\/p>\n\n<p>Frontis Interactions is made for people who want:<\/p>\n\n<ul>\n<li><strong>Animated blocks<\/strong> that look clean and modern<\/li>\n<li>Scroll-based storytelling sections (hero \u2192 features \u2192 CTA)<\/li>\n<li>Sticky + scroll animations for better page flow<\/li>\n<li>Text effects that feel premium (split text, clip path)<\/li>\n<li>Interactive UI moments (drag elements, flip effects)<\/li>\n<\/ul>\n\n<p>If you\u2019re building landing pages, portfolios, product pages, or service sites, this is exactly the type of <strong>WordPress animation plugin<\/strong> workflow you\u2019ll want.<\/p>\n\n<p><strong>Built for Gutenberg (and the Frontis ecosystem)<\/strong><\/p>\n\n<p>Frontis Interactions works directly inside <strong>Gutenberg<\/strong>, and pairs seamlessly with:\n- Frontis Theme\n- Frontis Blocks<\/p>\n\n<p>Build your layout \u2192 add motion \u2192 ship.<\/p>\n\n<p>No context switching.<\/p>\n\n<h3>Documentation<\/h3>\n\n<p>Start with the <strong>Frontis Blocks documentation<\/strong> for quick setup, guides, and best practices. Clear steps, screenshots, and tips to help you build faster in the <strong>Gutenberg<\/strong> editor.<\/p>\n\n<p><a href=\"https:\/\/docs.wpmessiah.com\/\">Docs<\/a><\/p>\n\n<h3>Support<\/h3>\n\n<p>Need help after checking the docs? Send us a message via <strong>Frontis Support<\/strong>. Share your WordPress version, theme, and steps to reproduce\u2014we\u2019ll reply fast.<\/p>\n\n<p><a href=\"https:\/\/wpmessiah.com\/support\/\">Support<\/a><\/p>\n\n<h3>Say Hello, Get Help \u2014 Connect with the Frontis Team<\/h3>\n\n<p>We\u2019re just a message away. Follow us for quick tips, release news, 60-second tutorials, and fast help from real humans. Got a question about <strong>Frontis<\/strong> or your setup? DM us \u2014 we\u2019ll jump in.<\/p>\n\n<ul>\n<li><strong>Facebook Group:<\/strong> https:\/\/www.facebook.com\/groups\/wpmessiah<\/li>\n<li><strong>Discord:<\/strong> https:\/\/discord.gg\/wEVmDvRbad<\/li>\n<li><strong>YouTube Tutorials:<\/strong> https:\/\/www.youtube.com\/@wpmessiahacademy<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Go to <code>Plugins &gt; Add New<\/code> in your WordPress dashboard.  <\/li>\n<li>Search for <strong>Frontis Interaction<\/strong>.  <\/li>\n<li>Install and activate the plugin.<\/li>\n<li>Start adding interactions from the block editor.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"do%20i%20need%20coding%20knowledge%3F\"><h3>Do I need coding knowledge?<\/h3><\/dt>\n<dd><p>No. Everything is handled through a visual workflow inside Gutenberg.<\/p><\/dd>\n<dt id=\"what%20kind%20of%20animations%20can%20i%20make%3F\"><h3>What kind of animations can I make?<\/h3><\/dt>\n<dd><p>Scroll-based animations, timelines, stagger effects, text animations, parallax, and interactive UI behaviors like drag, hover, and click.<\/p><\/dd>\n<dt id=\"can%20i%20create%20multi-step%20animations%3F\"><h3>Can I create multi-step animations?<\/h3><\/dt>\n<dd><p>Yes, you can sequence multiple actions with exact timing.<\/p><\/dd>\n<dt id=\"is%20this%20only%20for%20frontis%20theme%3F\"><h3>Is this only for Frontis Theme?<\/h3><\/dt>\n<dd><p>It works best with Frontis Theme and Blocks, but it\u2019s built around Gutenberg, so it fits the standard block editor workflow.<\/p><\/dd>\n<dt id=\"how%20are%20animations%20handled%3F\"><h3>How are animations handled?<\/h3><\/dt>\n<dd><p>Animations are powered by Motion, ensuring modern performance, smooth transitions, and precise control over interactions.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.2.0 - 2 April 2026<\/h4>\n\n<ul>\n<li>Revamped the Interaction Builder UI with a completely new design<\/li>\n<li>Added text effects and animation presets<\/li>\n<li>Enhanced target selector for more flexible animation targeting<\/li>\n<li>Introduced a runtime-based animation player<\/li>\n<\/ul>\n\n<h4>1.0.0 - 16 January 2026<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<\/ul>","raw_excerpt":"Build Gutenberg block animations with Click, Hover, &amp; In View interactions. Create advanced animations without writing code.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/262866","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=262866"}],"author":[{"embeddable":true,"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/wpmessiah"}],"wp:attachment":[{"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=262866"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=262866"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=262866"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=262866"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=262866"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=262866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}