{"id":399844,"date":"2026-11-09T06:27:01","date_gmt":"2026-11-09T06:27:01","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/ston-motion-motion-widgets-for-elementor\/"},"modified":"2026-11-09T06:34:16","modified_gmt":"2026-11-09T06:34:16","slug":"ston-motion","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/ston-motion\/","author":23600247,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.5.0","stable_tag":"1.5.0","tested":"7.1.4","requires":"6.5","requires_php":"7.4","requires_plugins":null,"header_name":"Ston Motion \u2013 Motion Widgets for Elementor","header_author":"Ston Agency","header_description":"Lightweight motion widgets for Elementor: split text, text rotator, scroll counter, marquee, pulse badge, tag pills, status list, connection flow, ripple and magnetic buttons, custom cursor, lock preview \u2014 no code required.","assets_banners_color":"220f12","last_updated":"2026-11-09 06:34:16","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/www.ston.ae\/our-product\/ston-motion-plugin\/","header_author_uri":"https:\/\/www.ston.ae\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":86,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.5.0":{"tag":"1.5.0","author":"stonagency","date":"2026-11-09 06:34:16","revision":3791887}},"upgrade_notice":{"1.2.0":"<p>Image Sequence Scroll, Horizontal Scroll, SVG Draw &amp; Morph, Draggable Card Stack and Index Carousel are now part of Ston Motion Pro. If your pages use them, install Ston Motion Pro before updating.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3791881,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3791881,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3791881,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3791881,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.5.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3791881,"resolution":"1","location":"assets","locale":"","width":1280,"height":800},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3791881,"resolution":"2","location":"assets","locale":"","width":1280,"height":800},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3791881,"resolution":"3","location":"assets","locale":"","width":1280,"height":800}},"screenshots":{"1":"The Ston Motion widgets in the Elementor panel.","2":"Ston Motion \u2192 Widgets: turn widgets on or off.","3":"Split Text Reveal settings."}},"plugin_section":[],"plugin_tags":[785,21368,76538,11026,157671],"plugin_category":[50],"plugin_contributors":[291590],"plugin_business_model":[],"class_list":["post-399844","plugin","type-plugin","status-publish","hentry","plugin_tags-animation","plugin_tags-custom-cursor","plugin_tags-elementor","plugin_tags-marquee","plugin_tags-text-animation","plugin_category-media","plugin_contributors-stonagency","plugin_committers-stonagency"],"banners":{"banner":"https:\/\/ps.w.org\/ston-motion\/assets\/banner-772x250.png?rev=3791881","banner_2x":"https:\/\/ps.w.org\/ston-motion\/assets\/banner-1544x500.png?rev=3791881","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/ston-motion\/assets\/icon-128x128.png?rev=3791881","icon_2x":"https:\/\/ps.w.org\/ston-motion\/assets\/icon-256x256.png?rev=3791881","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/ston-motion\/assets\/screenshot-1.png?rev=3791881","caption":"The Ston Motion widgets in the Elementor panel."},{"src":"https:\/\/ps.w.org\/ston-motion\/assets\/screenshot-2.png?rev=3791881","caption":"Ston Motion \u2192 Widgets: turn widgets on or off."},{"src":"https:\/\/ps.w.org\/ston-motion\/assets\/screenshot-3.png?rev=3791881","caption":"Split Text Reveal settings."}],"raw_content":"<!--section=description-->\n<p>Ston Motion adds twelve motion widgets to the Elementor editor. They are built on a tiny animation core written for this plugin, so no animation library is downloaded and nothing loads from a third-party server.<\/p>\n\n<ul>\n<li><strong>Split Text Reveal<\/strong> \u2014 reveal a heading by character, word or line as it scrolls into view. Fade, slide, scale, rotate or blur, with stagger direction and easing.<\/li>\n<li><strong>Scroll Counter<\/strong> \u2014 count a number up once when it comes into view, or tie it to the scroll position.<\/li>\n<li><strong>Marquee<\/strong> \u2014 a seamless, gapless infinite ticker for logos, text or images, with pause on hover.<\/li>\n<li><strong>Magnetic Button<\/strong> \u2014 a button that pulls toward the cursor and springs back.<\/li>\n<li><strong>Custom Cursor<\/strong> \u2014 replace the cursor with a styled dot or an icon, site-wide, with a hover state for links you choose.<\/li>\n<li><strong>Text Rotator<\/strong> \u2014 a headline whose last words cycle through a list: slide, fade or blur.<\/li>\n<li><strong>Pulse Badge<\/strong> \u2014 a small label with a pulsing dot for eyebrows, \"live\" tags and statuses.<\/li>\n<li><strong>Tag Pills<\/strong> \u2014 a row of outlined tags with hover colours and an optional one-by-one entrance.<\/li>\n<li><strong>Status List<\/strong> \u2014 cards with an icon, a title, a detail line and a coloured status badge.<\/li>\n<li><strong>Connection Flow<\/strong> \u2014 two nodes joined by a line with a glowing dot travelling between them.<\/li>\n<li><strong>Ripple Button<\/strong> \u2014 a round icon button with spreading rings, ideal as a \"scroll down\" cue.<\/li>\n<li><strong>Page Mockup<\/strong> \u2014 a small browser window showing a page made of blocks (header, hero, text, image, gallery, button, form, list, footer) with your own texts and images. Blocks can carry a locked, editable or custom tag. An optional cursor moves, rewrites or clicks blocks, with a short message after each step. For product demos, \"how it works\" sections and UI explainers.<\/li>\n<\/ul>\n\n<h4>Built for real sites<\/h4>\n\n<ul>\n<li><strong>Lightweight.<\/strong> Scripts load only on pages that use a Ston Motion widget, and only the scripts that widget needs.<\/li>\n<li><strong>Accessible.<\/strong> Every widget respects the visitor's \"reduce motion\" system setting: text and numbers appear at once and marquees stand still.<\/li>\n<li><strong>Optional smooth scrolling<\/strong> (Lenis), which you can switch off in Ston Motion \u2192 Settings.<\/li>\n<li><strong>Widget manager.<\/strong> Turn off the widgets you do not use; their files never load.<\/li>\n<li><strong>Translation ready.<\/strong> Every text can be translated, including right-to-left languages.<\/li>\n<li><strong>No Elementor Pro required.<\/strong><\/li>\n<\/ul>\n\n<h4>Go further with Ston Motion Pro<\/h4>\n\n<p>Ston Motion Pro is a separate add-on that brings scroll-driven storytelling to the same panel. It installs next to this plugin, adds seven widgets and upgrades the free widgets to a GSAP engine. Everything above keeps working without it.<\/p>\n\n<ul>\n<li><strong>Image Sequence Scroll + Scroll Narrative<\/strong> \u2014 scrub a canvas image sequence with the scrollbar, Apple-style, and layer text or saved Elementor templates on top, each with its own timing.<\/li>\n<li><strong>Horizontal Scroll<\/strong> \u2014 pin a section and move through panels sideways as visitors scroll.<\/li>\n<li><strong>SVG Draw &amp; Morph<\/strong> \u2014 draw SVG strokes on scroll or morph one shape into another on hover, with a built-in shape library.<\/li>\n<li><strong>Draggable Card Stack<\/strong> \u2014 a physics-based fan of cards to drag, throw and snap through, with optional arrows.<\/li>\n<li><strong>Index Carousel<\/strong> \u2014 a draggable, snapping strip for products or posts, with counter, progress bar, arrows and keyboard support.<\/li>\n<li><strong>Hover Reveal List<\/strong> \u2014 big words that play a video or show an image behind them on hover while the others dim.<\/li>\n<li><strong>Value Reel<\/strong> \u2014 one figure rolling through several values, such as a price in four currencies, with pills that follow along.<\/li>\n<li><strong>Scramble effect<\/strong> for Split Text Reveal, and GSAP-powered versions of every free widget on one shared timeline.<\/li>\n<\/ul>\n\n<p><a href=\"https:\/\/www.ston.ae\/our-product\/ston-motion-plugin\/\">See the Pro widgets in action \u2192<\/a><\/p>\n\n<h4>Privacy<\/h4>\n\n<p>Ston Motion does not contact any external service, does not track visitors and does not set cookies. It stores only its own settings (which widgets are on, and the smooth-scrolling options).<\/p>\n\n<h3>Third-party libraries<\/h3>\n\n<ul>\n<li>Lenis 1.3.3 \u2014 smooth scrolling \u2014 MIT License \u2014 https:\/\/github.com\/darkroomengineering\/lenis<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Install and activate Elementor.<\/li>\n<li>Install Ston Motion from Plugins \u2192 Add New, or upload the <code>ston-motion<\/code> folder to <code>\/wp-content\/plugins\/<\/code>.<\/li>\n<li>Activate the plugin.<\/li>\n<li>Open a page in Elementor: the widgets are in the <strong>Ston Motion<\/strong> category.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20require%20elementor%20pro%3F\"><h3>Does this require Elementor Pro?<\/h3><\/dt>\n<dd><p>No. All widgets work with the free version of Elementor.<\/p><\/dd>\n<dt id=\"will%20this%20slow%20down%20my%20site%3F\"><h3>Will this slow down my site?<\/h3><\/dt>\n<dd><p>The animation core is a few kilobytes and loads only on pages that use one of the widgets.<\/p><\/dd>\n<dt id=\"my%20animations%20stopped%20after%20i%20enabled%20a%20cache%20plugin\"><h3>My animations stopped after I enabled a cache plugin<\/h3><\/dt>\n<dd><p>Exclude the <code>ston-motion<\/code> scripts from \"combine JavaScript\" and \"delay JavaScript\" in your cache or optimisation plugin.<\/p><\/dd>\n<dt id=\"does%20split%20text%20work%20with%20right-to-left%20languages%3F\"><h3>Does Split Text work with right-to-left languages?<\/h3><\/dt>\n<dd><p>Split by words or lines. Splitting by characters separates joined letters in scripts such as Arabic and Persian, so use it for Latin text.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.5.0<\/h4>\n\n<ul>\n<li>Lock Preview is now Page Mockup, and fully customizable: real images and galleries, button, form and list blocks, second lines and captions, custom tags with your own text, icon and color (or no tag), any number of animation steps (move, rewrite, click), moves that are allowed or blocked, a message per step, play once or repeat, step order, messages on top or bottom, hide the browser bar, max width, shadow, accent color, block padding and radius, tag position and message colors. Existing widgets look and play exactly as before.<\/li>\n<li>Connection Flow: neutral default caption for new widgets.<\/li>\n<\/ul>\n\n<h4>1.4.1<\/h4>\n\n<ul>\n<li>Right-to-left sites: Marquee no longer leaves a gap, Connection Flow starts on the right, Split Text keeps Persian and Arabic letters joined, Lock Preview shows the address left to right.<\/li>\n<\/ul>\n\n<h4>1.4.0<\/h4>\n\n<ul>\n<li>New widget: Lock Preview \u2014 a page mockup where a cursor is stopped by locked blocks and edits the open ones.<\/li>\n<li>Settings tab: hooks for add-ons to add their own options.<\/li>\n<\/ul>\n\n<h4>1.3.0<\/h4>\n\n<ul>\n<li>New widgets: Text Rotator, Pulse Badge, Tag Pills, Status List, Connection Flow and Ripple Button.<\/li>\n<li>Marquee: text items can end with a highlighted part in a second colour.<\/li>\n<\/ul>\n\n<h4>1.2.0<\/h4>\n\n<ul>\n<li>New: a built-in animation core replaces the external animation library. The five widgets work the same and the plugin is lighter.<\/li>\n<li>The scroll-driven widgets (Image Sequence Scroll, Horizontal Scroll, SVG Draw &amp; Morph, Draggable Card Stack, Index Carousel) moved to the separate Ston Motion Pro add-on.<\/li>\n<li>The license key screen moved to Ston Motion Pro; this plugin has no license and no locked features.<\/li>\n<\/ul>\n\n<h4>1.1.4<\/h4>\n\n<ul>\n<li>Fix: Index Carousel \u2014 dragging and snapping.<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>New: Ston Motion \u2192 Widgets, Settings and Help screens.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"Twelve lightweight motion widgets for Elementor: split text, counters, marquee, rotating text, magnetic buttons, custom cursor and more. No code.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/399844","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=399844"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/stonagency"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=399844"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=399844"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=399844"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=399844"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=399844"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=399844"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}