{"id":70665,"date":"2017-06-22T13:00:43","date_gmt":"2017-06-22T13:00:43","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/ra-widgets-animate\/"},"modified":"2026-02-26T00:46:41","modified_gmt":"2026-02-26T00:46:41","slug":"ra-widgets-animate","status":"publish","type":"plugin","link":"https:\/\/lo.wordpress.org\/plugins\/ra-widgets-animate\/","author":13355979,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.0","stable_tag":"2.0","tested":"6.9.4","requires":"4.7","requires_php":"7.2","requires_plugins":null,"header_name":"RA Widgets Animate","header_author":"Rotsen Mark Acob","header_description":"A plugin that adds additional fields into existing widget form and adds Animate on Scroll data attributes.","assets_banners_color":"","last_updated":"2026-02-26 00:46:41","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/paypal.me\/webdevsuperfast","header_plugin_uri":"https:\/\/github.com\/webdevsuperfast\/ra-widgets-animate","header_author_uri":"https:\/\/www.rotsenacob.com","rating":4.8,"author_block_rating":0,"active_installs":200,"downloads":7477,"num_ratings":4,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.1":{"tag":"1.0.1","author":"FrodoBean","date":"2017-06-23 02:29:57"},"1.0.2":{"tag":"1.0.2","author":"FrodoBean","date":"2017-06-23 05:39:51"},"1.0.3":{"tag":"1.0.3","author":"FrodoBean","date":"2017-06-29 23:43:26"},"1.0.4":{"tag":"1.0.4","author":"FrodoBean","date":"2017-07-05 00:06:25"},"1.0.5":{"tag":"1.0.5","author":"FrodoBean","date":"2017-08-06 03:01:49"},"1.0.6":{"tag":"1.0.6","author":"FrodoBean","date":"2017-11-12 06:18:21"},"1.0.7":{"tag":"1.0.7","author":"FrodoBean","date":"2017-12-29 02:14:51"},"1.1":{"tag":"1.1","author":"FrodoBean","date":"2018-01-05 13:14:12"},"1.1.1":{"tag":"1.1.1","author":"FrodoBean","date":"2018-01-05 13:26:55"},"1.1.2":{"tag":"1.1.2","author":"FrodoBean","date":"2018-01-05 13:39:02"},"1.1.3":{"tag":"1.1.3","author":"FrodoBean","date":"2018-01-05 14:02:52"},"1.1.4":{"tag":"1.1.4","author":"FrodoBean","date":"2018-01-06 01:55:12"},"1.1.5":{"tag":"1.1.5","author":"FrodoBean","date":"2018-01-09 00:28:26"},"1.1.6":{"tag":"1.1.6","author":"FrodoBean","date":"2018-01-13 06:33:19"},"1.1.7":{"tag":"1.1.7","author":"FrodoBean","date":"2018-01-18 00:08:11"},"1.1.8":{"tag":"1.1.8","author":"FrodoBean","date":"2018-05-19 02:47:12"},"1.1.9":{"tag":"1.1.9","author":"FrodoBean","date":"2018-11-28 00:43:53"},"1.1.9.1":{"tag":"1.1.9.1","author":"FrodoBean","date":"2019-08-20 03:55:26"},"2.0":{"tag":"2.0","author":"FrodoBean","date":"2026-02-26 00:46:41"}},"upgrade_notice":{"2.0":"<p>Added Gutenberg support, migrated from Animate On Scroll to Ultimate Scroll Animation Library, and applied WordPress coding standards.<\/p>","1.1.9.1":"<p>Fixed undefined constant, added missing js and css files.<\/p>","1.1.9":"<p>Updated Animate on Scroll, fixed Disable on Devices and updated translation.<\/p>","1.1.8":"<p>Updated Animate on Scroll to version 2.3.0, author URI and updated translation file.<\/p>","1.1.7":"<p>Added custom animation filter to allow additional animation values.<\/p>","1.1.6":"<p>Added custom viewport selection in plugin settings, modified plugin tags.<\/p>","1.1.5":"<p>Filepath, filename changes, bug fixes, customizer implementation.<\/p>","1.1.4":"<p>Changed donate link, added settings page screenshot.<\/p>","1.1.3":"<p>Added missing js files, removed unneeded files.<\/p>","1.1.2":"<p>Renamed app.js to rawa.js, trying to fixed missing js files on SVN commit<\/p>","1.1.1":"<p>Fixing missing js files<\/p>","1.1":"<p>Added settings page, added app.js script, modify css build path, grammar fixes, code cleanup, updated translation.<\/p>","1.0.7":"<p>Prevent <code>.rawa-fields<\/code> from closing on widgets save, added back deleted files, migrate to Yarn from Bower.<\/p>","1.0.6":"<p>Regex fix, removed unneeded files.<\/p>","1.0.5":"<p>Added additional fields, fixed bug with widgets with no css selectors, updated npm packages<\/p>","1.0.4":"<p>Code cleanup, moved siteorigin related js, css\/markup changes, translation related changes<\/p>","1.0.3":"<p>Code cleanup, moved animation, placement, easing into their own function<\/p>","1.0.2":"<p>Removed unneeded line of codes<\/p>","1.0.1":"<p>Fixes an issue with two-column widgets not clearing floats<\/p>","1.0":"<p>First release<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":1,"5":3},"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.1","1.0.2","1.0.3","1.0.4","1.0.5","1.0.6","1.0.7","1.1","1.1.1","1.1.2","1.1.3","1.1.4","1.1.5","1.1.6","1.1.7","1.1.8","1.1.9","1.1.9.1","2.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3469793,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3469793,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3469793,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3469793,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3469793,"resolution":"5","location":"assets","locale":""}},"screenshots":{"1":"Animation options within the classic Widgets screen.","2":"Animation settings tab in SiteOrigin Panels.","3":"Animation settings tab when opened in the Customizer.","4":"RA Widgets Animate settings page.","5":"Animation tab inside the block editor."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[75997,785,3479,256609],"plugin_category":[43],"plugin_contributors":[142864],"plugin_business_model":[],"class_list":["post-70665","plugin","type-plugin","status-publish","hentry","plugin_tags-animate-on-scroll","plugin_tags-animation","plugin_tags-siteorigin-page-builder","plugin_tags-usal","plugin_category-customization","plugin_contributors-frodobean","plugin_committers-frodobean"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/ra-widgets-animate.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/ra-widgets-animate\/assets\/screenshot-1.png?rev=3469793","caption":"Animation options within the classic Widgets screen."},{"src":"https:\/\/ps.w.org\/ra-widgets-animate\/assets\/screenshot-2.png?rev=3469793","caption":"Animation settings tab in SiteOrigin Panels."},{"src":"https:\/\/ps.w.org\/ra-widgets-animate\/assets\/screenshot-3.png?rev=3469793","caption":"Animation settings tab when opened in the Customizer."},{"src":"https:\/\/ps.w.org\/ra-widgets-animate\/assets\/screenshot-4.png?rev=3469793","caption":"RA Widgets Animate settings page."},{"src":"https:\/\/ps.w.org\/ra-widgets-animate\/assets\/screenshot-5.png?rev=3469793","caption":"Animation tab inside the block editor."}],"raw_content":"<!--section=description-->\n<p>RA Widgets Animate is a WordPress plugin that adds additional widget fields into existing widget forms using <a href=\"https:\/\/usal.dev\">Ultimate Scroll Animation Library<\/a> script to render animation. If you're using SiteOrigin Panels, the plugin also adds 'Animation' tab to Widget Styles. Support for Gutenberg Block Editor is added in V2.<\/p>\n\n<h3>Features<\/h3>\n\n<ul>\n<li>Animate almost all of your widgets<\/li>\n<li>Animate On Scroll support<\/li>\n<li>Supports SiteOrigin Panels Widget Styles<\/li>\n<li>Ability to choose animation type<\/li>\n<li>Ability to change easing time<\/li>\n<li>Ability to change animation offset<\/li>\n<li>Ability to change animation duration<\/li>\n<li>Ability to change animation delay<\/li>\n<li>Ability to set animation once<\/li>\n<li>Ability to disable animation on certain devices and viewports<\/li>\n<li>Set global settings via plugin settings<\/li>\n<li>Enable\/disable plugin scripts and styles via plugin settings<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins\/ra-widgets-animate<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/li>\n<li>Activate the plugin through 'Plugins' screen in WordPress.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"do%20i%20need%20to%20install%20siteorigin%20panels%20to%20be%20able%20to%20use%20the%20animation%3F\"><h3>Do I need to install SiteOrigin Panels to be able to use the animation?<\/h3><\/dt>\n<dd><p>No, the fields will attached itself to existing widgets on 'Widgets' screen in WordPress. If you have SiteOrigin Panels installed, the 'Animation' tab will be added to SiteOrigin Panels 'Widget Styles'.<\/p><\/dd>\n<dt id=\"how%20can%20i%20set%20ultimate%20scroll%20animation%20library%20settings%20globally%20without%20having%20to%20edit%20each%20widgets%3F\"><h3>How can I set Ultimate Scroll Animation Library settings globally without having to edit each widgets?<\/h3><\/dt>\n<dd><p>You can set the global settings through <code>Settings &gt; RA Widgets Animate &gt; Global Settings<\/code>.<\/p><\/dd>\n<dt id=\"i%20have%20ultimate%20scroll%20animation%20library%20already%2C%20how%20can%20i%20disable%20the%20aos%20script%20on%20your%20plugin%20to%20prevent%20conflict%3F\"><h3>I have Ultimate Scroll Animation Library already, how can I disable the AOS script on your plugin to prevent conflict?<\/h3><\/dt>\n<dd><p>You can disable Ultimate Scroll Animation Library scripts and styles through <code>Settings &gt; RA Widgets Animate &gt; Script Settings<\/code>.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.0<\/h4>\n\n<ul>\n<li>Migrated from Animate On Scroll to Ultimate Scroll Animation Library.<\/li>\n<li>Added Gutenberg block editor support.<\/li>\n<li>Implemented WordPress coding standards.<\/li>\n<\/ul>\n\n<h4>1.1.9.1<\/h4>\n\n<ul>\n<li>Fixed undefined constant<\/li>\n<li>Added missing js, css files<\/li>\n<\/ul>\n\n<h4>1.1.9<\/h4>\n\n<ul>\n<li>Updated Animate on Scroll to version 2.3.4.<\/li>\n<li>Fixed Animate on Scroll disable on devices implementation.<\/li>\n<li>Updated translation.<\/li>\n<\/ul>\n\n<h4>1.1.8<\/h4>\n\n<ul>\n<li>Updated Animate on Scroll to version 2.3.0.<\/li>\n<li>Updated translation.<\/li>\n<li>Updated author URI.<\/li>\n<\/ul>\n\n<h4>1.1.7<\/h4>\n\n<ul>\n<li>Added custom animation filter to allow additional animation values.<\/li>\n<\/ul>\n\n<h4>1.1.6<\/h4>\n\n<ul>\n<li>Added custom viewport selection in plugin settings.<\/li>\n<li>Modified plugin tags.<\/li>\n<\/ul>\n\n<h4>1.1.5<\/h4>\n\n<ul>\n<li>Changed style and script filenames and paths.<\/li>\n<li>Fixed <code>.rawa-fields<\/code> from closing on <code>widgets update<\/code>.<\/li>\n<li>Added admin script and style to <code>Customizer<\/code> screen.<\/li>\n<li>Fixed <code>disable<\/code> object name returning array instead of string.  <\/li>\n<li>Admin style changes.<\/li>\n<\/ul>\n\n<h4>1.1.4<\/h4>\n\n<ul>\n<li>Changed donate link, added settings page screenshot.<\/li>\n<\/ul>\n\n<h4>1.1.3<\/h4>\n\n<ul>\n<li>Added missing js files, removed unneeded files.<\/li>\n<\/ul>\n\n<h4>1.1.2<\/h4>\n\n<ul>\n<li>Renamed app.js to rawa.js, trying to fixed missing js files on SVN commit<\/li>\n<\/ul>\n\n<h4>1.1.1<\/h4>\n\n<ul>\n<li>Fixing missing js files<\/li>\n<\/ul>\n\n<h4>1.1<\/h4>\n\n<ul>\n<li>Added settings page, added app.js script, modify css build path, grammar fixes, code cleanup, updated translation.<\/li>\n<\/ul>\n\n<h4>1.0.7<\/h4>\n\n<ul>\n<li>Prevent <code>.rawa-fields<\/code> from closing on widgets save, added back deleted files, migrate to Yarn from Bower.<\/li>\n<\/ul>\n\n<h4>1.0.6<\/h4>\n\n<ul>\n<li>Regex fix, removed unneeded files.<\/li>\n<\/ul>\n\n<h4>1.0.5<\/h4>\n\n<ul>\n<li>Added additional fields, fixed bug with widgets with no css selectors, updated npm packages<\/li>\n<\/ul>\n\n<h4>1.0.4<\/h4>\n\n<ul>\n<li>Code cleanup, moved siteorigin related js, css\/markup changes, translation related changes<\/li>\n<\/ul>\n\n<h4>1.0.3<\/h4>\n\n<ul>\n<li>Code cleanup, moved animation, placement, easing into their own function<\/li>\n<\/ul>\n\n<h4>1.0.2<\/h4>\n\n<ul>\n<li>Removed unneeded line of codes<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Fixed float issue with two-column widgets<\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<ul>\n<li>First release<\/li>\n<\/ul>","raw_excerpt":"Animate widgets using Ultimate Scroll Animation Library.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/lo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/70665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/lo.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/lo.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=70665"}],"author":[{"embeddable":true,"href":"https:\/\/lo.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/frodobean"}],"wp:attachment":[{"href":"https:\/\/lo.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=70665"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/lo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=70665"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/lo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=70665"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/lo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=70665"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/lo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=70665"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/lo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=70665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}