[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fIOveWSXt-Chs0vgO3PjHL6ob2FOgXdMjLxaFS4LUsEA":3,"$fZVCYk5zJPytMpAqYBTZfFKjbDnjLc4uKGV3i41il4xA":150,"$f9Olb3GzJq5ZaIKRepHBsTi8lFXnG98E4FVh9Pi0lZ10":155},{"slug":4,"name":5,"version":6,"author":7,"author_profile":8,"description":9,"short_description":10,"active_installs":11,"downloaded":12,"rating":11,"num_ratings":11,"last_updated":13,"tested_up_to":14,"requires_at_least":15,"requires_php":16,"tags":17,"homepage":23,"download_link":24,"security_score":25,"vuln_count":11,"unpatched_count":11,"last_vuln_date":26,"fetched_at":27,"discovery_status":28,"vulnerabilities":29,"developer":30,"crawl_stats":26,"alternatives":37,"analysis":26,"fingerprints":26},"shift8-scrollshot","Shift8 ScrollShot","1.0.2","shift8","https:\u002F\u002Fprofiles.wordpress.org\u002Fshift8\u002F","\u003Cp>Shift8 ScrollShot turns a tall image into a scrolling screenshot preview. Add the wrapper and image classes, then adjust the behavior with data attributes. It works in regular templates, block markup, and most page builders.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Features:\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Automatic loop or scroll-linked movement\u003C\u002Fli>\n\u003Cli>Configurable pause timing\u003C\u002Fli>\n\u003Cli>Optional browser-style frame with traffic-light dots\u003C\u002Fli>\n\u003Cli>Per-instance configuration via data attributes\u003C\u002Fli>\n\u003Cli>Multiple independent instances on one page\u003C\u002Fli>\n\u003Cli>Respects \u003Ccode>prefers-reduced-motion\u003C\u002Fcode>\u003C\u002Fli>\n\u003Cli>No jQuery dependency\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Usage\u003C\u002Fh3>\n\u003Col>\n\u003Cli>Add a container element and give it the CSS class \u003Ccode>s8-scrollshot\u003C\u002Fcode>.\u003C\u002Fli>\n\u003Cli>Add an image inside that container and give the image the CSS class \u003Ccode>s8-scrollshot__image\u003C\u002Fcode>.\u003C\u002Fli>\n\u003Cli>(Optional) Add data attributes to the container or image to configure the behavior.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>Data attributes can be placed on either the wrapper or the image. If the same attribute appears on both, the wrapper value takes priority.\u003C\u002Fp>\n\u003Ch4>Page Builder Setup\u003C\u002Fh4>\n\u003Cp>In visual builders such as Bricks or Elementor:\u003C\u002Fp>\n\u003Col>\n\u003Cli>Add a container or section element and apply the CSS class \u003Ccode>s8-scrollshot\u003C\u002Fcode>.\u003C\u002Fli>\n\u003Cli>Add an image element inside it and apply the CSS class \u003Ccode>s8-scrollshot__image\u003C\u002Fcode>.\u003C\u002Fli>\n\u003Cli>Use the builder’s custom attributes panel to add any \u003Ccode>data-*\u003C\u002Fcode> attributes.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Ch4>Plain HTML Example\u003C\u002Fh4>\n\u003Cpre>\u003Ccode>\u003Cdiv class=\"s8-scrollshot\" data-mode=\"auto\" data-duration=\"15000\">\n  \u003Cimg class=\"s8-scrollshot__image\" src=\"screenshot.png\" alt=\"Screenshot\">\n\u003C\u002Fdiv>\u003Ch3>Data Attributes\u003C\u002Fh3>\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>All configuration is done through HTML data attributes on the \u003Ccode>.s8-scrollshot\u003C\u002Fcode> container or the \u003Ccode>.s8-scrollshot__image\u003C\u002Fcode> element. Wrapper values take priority over image values.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Ccode>data-mode\u003C\u002Fcode> – \u003Ccode>auto\u003C\u002Fcode> or \u003Ccode>scroll\u003C\u002Fcode> (default: \u003Ccode>auto\u003C\u002Fcode>)\u003C\u002Fli>\n\u003Cli>\u003Ccode>data-duration\u003C\u002Fcode> – Total cycle time in milliseconds (default: \u003Ccode>12000\u003C\u002Fcode>)\u003C\u002Fli>\n\u003Cli>\u003Ccode>data-end-pause\u003C\u002Fcode> – Hold time at top and bottom in milliseconds (default: \u003Ccode>1500\u003C\u002Fcode>)\u003C\u002Fli>\n\u003Cli>\u003Ccode>data-pause-on-hover\u003C\u002Fcode> – \u003Ccode>true\u003C\u002Fcode> or \u003Ccode>false\u003C\u002Fcode> (default: \u003Ccode>true\u003C\u002Fcode>)\u003C\u002Fli>\n\u003Cli>\u003Ccode>data-reverse\u003C\u002Fcode> – \u003Ccode>true\u003C\u002Fcode> or \u003Ccode>false\u003C\u002Fcode>, controls bounce direction (default: \u003Ccode>true\u003C\u002Fcode>)\u003C\u002Fli>\n\u003Cli>\u003Ccode>data-frame\u003C\u002Fcode> – \u003Ccode>none\u003C\u002Fcode> or \u003Ccode>browser\u003C\u002Fcode> (default: \u003Ccode>none\u003C\u002Fcode>)\u003C\u002Fli>\n\u003Cli>\u003Ccode>data-viewport-height\u003C\u002Fcode> – Visible area height in pixels (default: \u003Ccode>700\u003C\u002Fcode>)\u003C\u002Fli>\n\u003Cli>\u003Ccode>data-viewport-width\u003C\u002Fcode> – Viewport width in pixels, \u003Ccode>0\u003C\u002Fcode> for auto (default: \u003Ccode>0\u003C\u002Fcode>)\u003C\u002Fli>\n\u003Cli>\u003Ccode>data-easing\u003C\u002Fcode> – Any CSS easing string (default: \u003Ccode>ease-in-out\u003C\u002Fcode>)\u003C\u002Fli>\n\u003C\u002Ful>\n","Display tall screenshots inside a fixed-height scrolling frame.",0,201,"2026-05-13T13:44:00.000Z","6.9.5","5.8","7.4",[18,19,20,21,22],"animation","screenshot","scroll","scrollshot","viewport","","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fshift8-scrollshot.1.0.2.zip",100,null,"2026-07-22T17:31:50.256Z","no_bundle",[],{"slug":7,"display_name":7,"profile_url":8,"plugin_count":31,"total_installs":32,"avg_security_score":33,"avg_patch_time_days":34,"trust_score":35,"computed_at":36},17,1330,92,30,88,"2026-08-28T20:29:24.971Z",[38,64,85,109,129],{"slug":39,"name":40,"version":41,"author":42,"author_profile":43,"description":44,"short_description":45,"active_installs":46,"downloaded":47,"rating":48,"num_ratings":49,"last_updated":50,"tested_up_to":51,"requires_at_least":52,"requires_php":23,"tags":53,"homepage":59,"download_link":60,"security_score":61,"vuln_count":62,"unpatched_count":11,"last_vuln_date":63,"fetched_at":27},"page-scroll-to-id","Page scroll to id","1.7.9","malihu","https:\u002F\u002Fprofiles.wordpress.org\u002Fmalihu\u002F","\u003Cp>\u003Cstrong>Page scroll to id\u003C\u002Fstrong> is a fully featured plugin which replaces browser’s “jumping” behavior with a \u003Ca href=\"http:\u002F\u002Fmanos.malihu.gr\u002Frepository\u002Fpage-scroll-to-id\u002Fdemo\u002Fdemo.html\" rel=\"nofollow ugc\">smooth scrolling animation\u003C\u002Fa>, when links with href value containing # are clicked. It provides all the basic tools and advanced functionality for single-page websites, in-page navigation, back-to-top links etc. with features like:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Adjustable scrolling animation \u003Ca href=\"http:\u002F\u002Fmanos.malihu.gr\u002Fpage-scroll-to-id-for-wordpress\u002F#plugin-settings-scroll-type-easing\" rel=\"nofollow ugc\">duration and easing (over 30 easing types)\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>Link and target highlighting via ready-to-use CSS classes\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"http:\u002F\u002Fmanos.malihu.gr\u002Frepository\u002Fpage-scroll-to-id\u002Fdemo\u002Fdemo.html\" rel=\"nofollow ugc\">Vertical\u003C\u002Fa> and\u002For \u003Ca href=\"http:\u002F\u002Fmanos.malihu.gr\u002Frepository\u002Fpage-scroll-to-id\u002Fdemo\u002Fdemo-horizontal-layout.html\" rel=\"nofollow ugc\">horizontal\u003C\u002Fa> scrolling\u003C\u002Fli>\n\u003Cli>Scrolling from\u002Fto different pages (scrolling to target id on page load)\u003C\u002Fli>\n\u003Cli>Offset scrolling by pixels or element selector with custom expressions\u003C\u002Fli>\n\u003Cli>Insert link and target id buttons in post visual editor \u003C\u002Fli>\n\u003Cli>Link-specific offset, scrolling duration, highlight target etc.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Ca href=\"http:\u002F\u002Fmanos.malihu.gr\u002Frepository\u002Fpage-scroll-to-id\u002Fdemo\u002Fdemo.html\" rel=\"nofollow ugc\">Demo (default animation duration\u002Feasing, link highlighting etc.)\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch4>Plugin resources, links and tutorials\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>\u003Ca href=\"http:\u002F\u002Fmanos.malihu.gr\u002Fpage-scroll-to-id-for-wordpress\u002F\" rel=\"nofollow ugc\">Plugin homepage\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"http:\u002F\u002Fmanos.malihu.gr\u002Fpage-scroll-to-id-for-wordpress\u002F2\u002F\" rel=\"nofollow ugc\">Knowledge Base – FAQ\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"http:\u002F\u002Fmanos.malihu.gr\u002Fpage-scroll-to-id-for-wordpress-tutorial\u002F\" rel=\"nofollow ugc\">Basic tutorial\u003C\u002Fa> – \u003Ca href=\"http:\u002F\u002Fmanos.malihu.gr\u002Fpage-scroll-to-id-for-wordpress-tutorial\u002F#video-tutorial\" rel=\"nofollow ugc\">Video tutorial\u003C\u002Fa>\n\u003Cul>\n\u003Cli>\u003Ca href=\"http:\u002F\u002Fmanos.malihu.gr\u002Fusing-page-scroll-to-id-with-the-divi-builder-plugin\u002F\" rel=\"nofollow ugc\">Using Page scroll to id with the Divi Builder plugin\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"http:\u002F\u002Fmanos.malihu.gr\u002Fusing-page-scroll-to-id-with-siteorigin-page-builder\u002F\" rel=\"nofollow ugc\">Using Page scroll to id with SiteOrigin Page Builder\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"http:\u002F\u002Fmanos.malihu.gr\u002Fusing-page-scroll-to-id-with-wpbakery-page-builder\u002F\" rel=\"nofollow ugc\">Using Page scroll to id with WPBakery Page Builder\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"http:\u002F\u002Fmanos.malihu.gr\u002Fpage-scroll-to-id-elementor-guide\u002F\" rel=\"nofollow ugc\">Using Page scroll to id with Elementor Page Builder\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fsupport\u002Fplugin\u002Fpage-scroll-to-id\" rel=\"ugc\">Support\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch4>Requirements\u003C\u002Fh4>\n\u003Cp>Page scroll to id requires WordPress version \u003Cstrong>3.3\u003C\u002Fstrong> or higher (jQuery version \u003Cstrong>1.7.0\u003C\u002Fstrong> or higher) and your theme \u003Cstrong>must\u003C\u002Fstrong> (and should) have \u003Ccode>wp_head()\u003C\u002Fcode> and \u003Ccode>wp_footer()\u003C\u002Fcode> functions. In some Microsoft Windows based web servers some plugins might produce an error 500 (depends on server\u002FPHP configuration). To pinpoint the issue \u003Ca href=\"https:\u002F\u002Fcodex.wordpress.org\u002FDebugging_in_WordPress\" rel=\"nofollow ugc\">enable debugging\u003C\u002Fa> in \u003Ccode>wp-config.php\u003C\u002Fcode> and check \u003Ccode>wp-content\u002Fdebug.log\u003C\u002Fcode> file for relevant errors.\u003C\u002Fp>\n\u003Ch4>GDPR (General Data Protection Regulation)\u003C\u002Fh4>\n\u003Cp>The plugin is GDPR compliant. It does not use or store any kind of user information\u002Fdata. In fact, it’s functionality has nothing to do with user data (personal or otherwise). So there’s that.\u003C\u002Fp>\n\u003Ch4>Quick usage and tips\u003C\u002Fh4>\n\u003Col>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fpage-scroll-to-id\u002Finstallation\u002F\" rel=\"ugc\">Install the plugin\u003C\u002Fa>. \u003C\u002Fli>\n\u003Cli>The plugin is enabled by default on your WordPress Menu links, so you can start adding custom links and set their URL to the id\u002Ftarget you want to scroll to. \u003C\u002Fli>\n\u003Cli>Create id targets within your content using plugin’s “Insert Page scroll to id target” button and\u002For shortcode (see contextual “Help” menu in plugin settings page) in post visual\u002Ftext editor. Create targets in widgets areas using “Page scroll to id target” widget. \u003C\u002Fli>\n\u003Cli>Create links within your content using plugin’s “Insert\u002Fedit Page scroll to id link” button and\u002For shortcode in post visual\u002Ftext editor. You can also add the class \u003Ccode>ps2id\u003C\u002Fcode> on any existing link you want to be handled by the plugin. \u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>For more info \u003Ca href=\"http:\u002F\u002Fmanos.malihu.gr\u002Fpage-scroll-to-id-for-wordpress-tutorial\u002F\" rel=\"nofollow ugc\">see plugin’s basic tutorial\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch3>License\u003C\u002Fh3>\n\u003Cp>MIT\u003C\u002Fp>\n\u003Cp>You should have received a copy of the MIT License along with this program.\u003Cbr \u002F>\nIf not, see \u003Ca href=\"http:\u002F\u002Fopensource.org\u002Flicenses\u002FMIT\" rel=\"nofollow ugc\">http:\u002F\u002Fopensource.org\u002Flicenses\u002FMIT\u003C\u002Fa>.\u003C\u002Fp>\n\u003Ch3>Donate\u003C\u002Fh3>\n\u003Cp>If you like this plugin and find it useful, consider making a \u003Ca href=\"https:\u002F\u002Fwww.paypal.com\u002Fcgi-bin\u002Fwebscr?cmd=_s-xclick&hosted_button_id=UYJ5G65M6ZA28\" rel=\"nofollow ugc\">donation\u003C\u002Fa> :).\u003C\u002Fp>\n\u003Ch3>Plugin previous\u002Fother versions\u003C\u002Fh3>\n\u003Cp>\u003Ca href=\"http:\u002F\u002Fmanos.malihu.gr\u002Fpage-scroll-to-id-for-wordpress\u002F#plugin-versions\" rel=\"nofollow ugc\">All plugin versions\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch3>Other\u002Fexternal resources\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwww.virfice.com\u002Fhow-to-create-anchor-links-on-wordpress-gutenberg-editor\u002F\" rel=\"nofollow ugc\">How to create anchor links on WordPress Gutenberg editor\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"http:\u002F\u002Fmanos.malihu.gr\u002Fusing-page-scroll-to-id-with-the-divi-builder-plugin\u002F\" rel=\"nofollow ugc\">Using Page scroll to id with the Divi Builder plugin\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=ZJt7-0W-DeE\" rel=\"nofollow ugc\">One Page WordPress Smooth Scrolling Menu – How to Use Page Scroll to ID Plugin 2017\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"http:\u002F\u002Fsridharkatakam.com\u002Fsmooth-scrolling-page-sections-using-page-scroll-id\u002F\" rel=\"nofollow ugc\">Smooth scrolling between page sections using Page scroll to id\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"http:\u002F\u002Fwww.pootlepress.com\u002F2013\u002F02\u002Fvideo-tutorial-a-beginners-guide-on-how-to-create-a-single-page-wordpress-website\u002F\" rel=\"nofollow ugc\">Video tutorial: How to create a single page WordPress website\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"http:\u002F\u002Fsnifflevalve.com\u002Ftutorials\u002Fgeneratepress-elementor-page-scroll-id-one-page-website\u002F\" rel=\"nofollow ugc\">GeneratePress – Elementor – Page Scroll to ID – One Page Website\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=XZ4SbV3aZb8\" rel=\"nofollow ugc\">Onepage WordPress – Page scroll to iD plugin\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\n","Create links that scroll the page smoothly to any id within the document.",100000,1859697,98,224,"2026-06-09T07:07:00.000Z","7.0.2","3.3",[54,55,56,57,58],"navigation","page-animation","page-scrolling","single-page-navigation","smooth-scroll","http:\u002F\u002Fmanos.malihu.gr\u002Fpage-scroll-to-id","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fpage-scroll-to-id.1.7.9.zip",99,2,"2024-02-16 00:00:00",{"slug":65,"name":66,"version":67,"author":68,"author_profile":69,"description":70,"short_description":71,"active_installs":72,"downloaded":73,"rating":74,"num_ratings":75,"last_updated":76,"tested_up_to":14,"requires_at_least":77,"requires_php":16,"tags":78,"homepage":83,"download_link":84,"security_score":25,"vuln_count":11,"unpatched_count":11,"last_vuln_date":26,"fetched_at":27},"uicore-animate","UiCore Animate – Free Animations, Transitions, and Interactions Addon for Elementor & Gutenberg blocks","2.2.4","uicore","https:\u002F\u002Fprofiles.wordpress.org\u002Fuicore\u002F","\u003Cp>UiCore Animate adds page transitions, smooth scroll, and engaging animations to Elementor and Gutenberg blocks, for smoother, engaging experiences.\u003C\u002Fp>\n\u003Ch3>Unleash the Power of Animations in Elementor and Gutenberg\u003C\u002Fh3>\n\u003Cp>UiCore Animate is the ultimate tool for creating stunning animations in Elementor and Gutenberg, giving you the ability to easily add eye-catching effects, smooth transitions, and dynamic interactions to your WordPress site.\u003C\u002Fp>\n\u003Ch3>Key Features of UiCore Animate\u003C\u002Fh3>\n\u003Cp>Quick & Easy Animations: Say goodbye to time-consuming manual animations. With UiCore Animate, you can effortlessly add animations to any widget in Elementor or Gutenberg in just a few clicks, saving you time and improving design quality.\u003C\u002Fp>\n\u003Cp>Animate Multiple Widgets at Once: Apply animations to multiple widgets simultaneously, ensuring consistency and cohesion across your entire site.\u003C\u002Fp>\n\u003Cp>Scroll-Based Animations & Entrance Effects: Create captivating animations that trigger as elements come into view or during scrolling. Control the timing, style, and delay for a fully immersive user experience.\u003C\u002Fp>\n\u003Cp>Wide Range of Animation Presets: Choose from a diverse set of animation presets to replace default animations in Elementor and Gutenberg. Whether you prefer playful or sleek effects, UiCore Animate has the perfect option for you.\u003C\u002Fp>\n\u003Cp>Smooth Scrolling Navigation: Enhance your site’s user journey with smooth scroll capabilities, paired seamlessly with animations for a captivating browsing experience.\u003C\u002Fp>\n\u003Cp>Page Transitions & Preloaders: Craft engaging user journeys with polished page transitions and customizable preloaders, maintaining a consistent and professional look.\u003C\u002Fp>\n\u003Cp>Creative Effects: Extend your widgets with unique effects like fluid gradients, floating animations, sticky reveals on scroll, and animated borders, making your design truly stand out.\u003C\u002Fp>\n\u003Ch3>Boost Engagement & Improve User Experience\u003C\u002Fh3>\n\u003Cp>UiCore Animate is designed to enhance the visual appeal of your website while improving user interaction. Whether you’re building a portfolio, a business website, or a blog, this plugin is perfect for creating memorable experiences that keep visitors engaged.\u003C\u002Fp>\n\u003Ch3>How to add aniamtions to any gutenberg block\u003C\u002Fh3>\n\u003Cspan class=\"embed-youtube\" style=\"text-align:center; display: block;\">\u003Ciframe loading=\"lazy\" class=\"youtube-player\" width=\"750\" height=\"422\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FtMsAp68d530?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\">\u003C\u002Fiframe>\u003C\u002Fspan>\n\u003Ch3>How to use Animate Controller in Elementor\u003C\u002Fh3>\n\u003Cspan class=\"embed-youtube\" style=\"text-align:center; display: block;\">\u003Ciframe loading=\"lazy\" class=\"youtube-player\" width=\"750\" height=\"422\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FL6UddkUrmk8?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\">\u003C\u002Fiframe>\u003C\u002Fspan>\n","UiCore Animate adds page transitions, smooth scroll, and engaging animations to Elementor and Gutenberg blocks, for smoother, engaging experiences.",40000,396420,64,10,"2026-03-16T15:36:00.000Z","4.6",[18,79,80,81,82],"blocks","elementor","gutenberg","scroll-animations","https:\u002F\u002Fanimate.uicore.co","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fuicore-animate.2.2.4.zip",{"slug":86,"name":87,"version":88,"author":89,"author_profile":90,"description":91,"short_description":92,"active_installs":93,"downloaded":94,"rating":48,"num_ratings":95,"last_updated":96,"tested_up_to":97,"requires_at_least":98,"requires_php":23,"tags":99,"homepage":105,"download_link":106,"security_score":48,"vuln_count":107,"unpatched_count":11,"last_vuln_date":108,"fetched_at":27},"animate-it","Animate It!","3.0.4","eleopard","https:\u002F\u002Fprofiles.wordpress.org\u002Feleopard\u002F","\u003Cp>Add cool CSS3 animations to your content.\u003C\u002Fp>\n\u003Cp>\u003Ca href=\"https:\u002F\u002Feleopardsolutions.com\u002Fanimate-it-documentation-wordpress\u002F\" title=\"Demo\" rel=\"nofollow ugc\">Demo\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Feleopardsolutions.com\u002Fanimate-it-documentation-wordpress\u002F\" title=\"Documentation\" rel=\"nofollow ugc\">Documentation\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Feleopardsolutions.com\u002Fanimate-it-class-generator\u002F\" title=\"Class Generator\" rel=\"nofollow ugc\">Class Generator\u003C\u002Fa>\u003C\u002Fp>\n\u003Cspan class=\"embed-youtube\" style=\"text-align:center; display: block;\">\u003Ciframe loading=\"lazy\" class=\"youtube-player\" width=\"750\" height=\"422\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FJKRn6NUM-i4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\">\u003C\u002Fiframe>\u003C\u002Fspan>\n\u003Cp>Some of the Key features Include:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Allowing user to apply CSS3 animations on Post, Widget and Pages.\u003C\u002Fli>\n\u003Cli>50+ Entry, Exit and Attention Seeker Animations.\u003C\u002Fli>\n\u003Cli>Capability to apply animation on Scroll.\u003C\u002Fli>\n\u003Cli>Capability to add different scroll offset on individual animation blocks.\u003C\u002Fli>\n\u003Cli>Capability to apply animation on Click.\u003C\u002Fli>\n\u003Cli>Capability to apply animation on Hover.\u003C\u002Fli>\n\u003Cli>Providing delay feature in animation to create a nice animation sequence.\u003C\u002Fli>\n\u003Cli>Providing feature to control the duration for a more precise animation.\u003C\u002Fli>\n\u003Cli>Providing a button in the editor to easily add an animation block in the article or post.\u003C\u002Fli>\n\u003Cli>Allow user to add animation on WordPress widgets. Use \u003Ca href=\"https:\u002F\u002Feleopardsolutions.com\u002Fanimate-it-class-generator\u002F\" rel=\"nofollow ugc\">Class Generator\u003C\u002Fa> to generate the required animation classes. \u003C\u002Fli>\n\u003Cli>Allow user to apply animation infinitely or any fixed number of times.\u003C\u002Fli>\n\u003Cli>Option to add custom CSS classes to individual animation block.\u003C\u002Fli>\n\u003Cli>Options to enable or disable animations on Smartphones and Tablets.\u003C\u002Fli>\n\u003Cli>Spanish and German language support. Thanks to Santiago Marrone, Christian Herrmann \u003C\u002Fli>\n\u003Cli>Custom Animate It! block to apply animations on other Gutenberg blocks.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>All the CSS3 animations are from \u003Ca href=\"http:\u002F\u002Fdaneden.github.io\u002Fanimate.css\u002F\" title=\"Animate.css\" rel=\"nofollow ugc\">Animate.css\u003C\u002Fa> and \u003Ca href=\"http:\u002F\u002Flabs.bigroomstudios.com\u002Flibraries\u002Fanimo-js\" title=\"Animo.js\" rel=\"nofollow ugc\">Animo.js\u003C\u002Fa>\u003C\u002Fp>\n","Add cool CSS3 animations to your content.",20000,733109,127,"2025-11-21T08:44:00.000Z","6.8.6","4.7.0",[100,101,102,103,104],"animate-css","css3-animation","infinite","jquery","on-scroll","http:\u002F\u002Fwww.eleopard.in","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fanimate-it.3.0.4.zip",4,"2022-03-30 00:00:00",{"slug":110,"name":111,"version":112,"author":113,"author_profile":114,"description":115,"short_description":116,"active_installs":117,"downloaded":118,"rating":119,"num_ratings":120,"last_updated":121,"tested_up_to":122,"requires_at_least":15,"requires_php":16,"tags":123,"homepage":23,"download_link":127,"security_score":128,"vuln_count":11,"unpatched_count":11,"last_vuln_date":26,"fetched_at":27},"animate-on-scroll","Animate on Scroll","1.0.7","Arya Dhiratara","https:\u002F\u002Fprofiles.wordpress.org\u002Faryadhiratara\u002F","\u003Cp>Animate any Elements on scroll using the popular AOS JS library simply by adding class names.\u003C\u002Fp>\n\u003Cp>This plugin helps you integrate easily with AOS JS library to add any AOS animations (on scroll animation) to WordPress.\u003C\u002Fp>\n\u003Cp>It should work well with the native gutenberg core blocks or any page builder (\u003Cem>tested with GenerateBlocks and Elementor\u003C\u002Fem>) that provides an input field for adding custom class names to elements.\u003C\u002Fp>\n\u003Ch3>About AOS\u003C\u002Fh3>\n\u003Cp>AOS is a small JavaScript library built by \u003Cstrong>\u003Ca href=\"https:\u002F\u002Ftwitter.com\u002Fmichalsnik\" rel=\"nofollow ugc\">Michał Sajnóg\u003C\u002Fa>\u003C\u002Fstrong> that allows you to add animated effects to HTML elements when they come into view as the user scrolls down a webpage. AOS provides a set of predefined animations using CSS that can be easily applied to elements using simple data attributes in the HTML code.\u003C\u002Fp>\n\u003Cp>Check out the AOS \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fmichalsnik.github.io\u002Faos\u002F\" rel=\"nofollow ugc\">demo\u003C\u002Fa>\u003C\u002Fstrong> and \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fmichalsnik\u002Faos\" rel=\"nofollow ugc\">documentation\u003C\u002Fa>\u003C\u002Fstrong>.\u003C\u002Fp>\n\u003Ch3>How to add Animations?\u003C\u002Fh3>\n\u003Cp>Simply add the desired AOS animation to your element class name with “aos-” prefix and the plugin will add the corresponding aos attribute to the element tag.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Fade animations:\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>fade: \u003Cstrong>aos-fade\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>fade-up: \u003Cstrong>aos-fade-up\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>fade-down: \u003Cstrong>aos-fade-down\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>fade-left: \u003Cstrong>aos-fade-left\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>fade-right: \u003Cstrong>aos-fade-right\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>fade-up-right: \u003Cstrong>aos-fade-up-right\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>fade-up-left: \u003Cstrong>aos-fade-up-left\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>fade-down-right: \u003Cstrong>aos-fade-down-right\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>fade-down-left: : \u003Cstrong>aos-fade-down-left\u003C\u002Fstrong>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>Flip animations:\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>flip-up: \u003Cstrong>aos-flip-up\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>flip-down: \u003Cstrong>aos-flip-down\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>flip-left: \u003Cstrong>aos-flip-left\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>flip-right: \u003Cstrong>aos-flip-right\u003C\u002Fstrong>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>Slide animations:\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>slide-up: \u003Cstrong>aos-slide-up\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>slide-down: \u003Cstrong>aos-slide-down\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>slide-left: \u003Cstrong>aos-slide-left\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>slide-right: \u003Cstrong>aos-slide-right\u003C\u002Fstrong>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>Zoom animations:\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>zoom-in: \u003Cstrong>aos-zoom-in\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>zoom-in-up: \u003Cstrong>aos-zoom-in-up\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>zoom-in-down: \u003Cstrong>aos-zoom-in-down\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>zoom-in-left: \u003Cstrong>aos-zoom-in-left\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>zoom-in-right: \u003Cstrong>aos-zoom-in-right\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>zoom-out: \u003Cstrong>aos-zoom-out\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>zoom-out-up: \u003Cstrong>aos-zoom-out-up\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>zoom-out-down: \u003Cstrong>aos-zoom-out-down\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>zoom-out-left: \u003Cstrong>aos-zoom-out-left\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>zoom-out-right: \u003Cstrong>aos-zoom-out-right\u003C\u002Fstrong>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Animation Settings\u003C\u002Fh3>\n\u003Cp>By default, the global animation settings are\u003C\u002Fp>\n\u003Cul>\n\u003Cli>offset: -100\u003C\u002Fli>\n\u003Cli>duration: 1100\u003C\u002Fli>\n\u003Cli>easing: ease\u003C\u002Fli>\n\u003Cli>delay: 0\u003C\u002Fli>\n\u003Cli>once: true\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>you can change that using filter:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter( 'aos_init', function($aos_init) {\n    return '\n    var aoswp_params = {\n        \"offset\":\"200\",\n        \"duration\":\"1800\",\n        \"easing\":\"ease-in-out\",\n        \"delay\":\"0\",\n        \"once\": false};\n    ';\n} );\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>or add the extra classes below to the element for individual settings. The plugin will add the corresponding aos attribute to the tag.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Once behavior:\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>once=true: \u003Cstrong>aos-once-true\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>once=false: \u003Cstrong>aos-once-false\u003C\u002Fstrong>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>Easing functions:\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>linear: \u003Cstrong>aos-easing-linear\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease: \u003Cstrong>aos-easing-ease\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-in: \u003Cstrong>aos-easing-ease-in\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-out: \u003Cstrong>aos-easing-ease-out\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-in-out: \u003Cstrong>aos-easing-ease-in-out\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-in-back: \u003Cstrong>aos-easing-ease-in-back\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-out-back: \u003Cstrong>aos-easing-ease-out-back\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-in-out-back: \u003Cstrong>aos-easing-ease-in-out-back\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-in-sine: \u003Cstrong>aos-easing-ease-in-sine\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-out-sine: \u003Cstrong>aos-easing-ease-out-sine\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-in-out-sine: \u003Cstrong>aos-easing-ease-in-out-sine\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-in-quad: \u003Cstrong>aos-easing-ease-in-quad\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-out-quad: \u003Cstrong>aos-easing-ease-out-quad\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-in-out-quad: \u003Cstrong>aos-easing-ease-in-out-quad\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-in-cubic: \u003Cstrong>aos-easing-ease-in-cubic\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-out-cubic: \u003Cstrong>aos-easing-ease-out-cubic\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-in-out-cubic: \u003Cstrong>aos-easing-ease-in-out-cubic\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-in-quart: \u003Cstrong>aos-easing-ease-in-quart\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-out-quart: \u003Cstrong>aos-easing-ease-out-quart\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-in-out-quart: \u003Cstrong>aos-easing-ease-in-out-quart\u003C\u002Fstrong>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>Animation Duration:\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>100ms: \u003Cstrong>aos-duration-100\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>200ms: \u003Cstrong>aos-duration-200\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>300ms: \u003Cstrong>aos-duration-300\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>400ms: \u003Cstrong>aos-duration-400\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>500ms: \u003Cstrong>aos-duration-500\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>600ms: \u003Cstrong>aos-duration-600\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>700ms: \u003Cstrong>aos-duration-700\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>800ms: \u003Cstrong>aos-duration-800\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>900ms: \u003Cstrong>aos-duration-900\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1000ms: \u003Cstrong>aos-duration-1000\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1100ms: \u003Cstrong>aos-duration-1100\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1200ms: \u003Cstrong>aos-duration-1200\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1300ms: \u003Cstrong>aos-duration-1300\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1400ms: \u003Cstrong>aos-duration-1400\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1500ms: \u003Cstrong>aos-duration-1500\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1600ms: \u003Cstrong>aos-duration-1600\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1700ms: \u003Cstrong>aos-duration-1700\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1800ms: \u003Cstrong>aos-duration-1800\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1900ms: \u003Cstrong>aos-duration-1900\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2000ms: \u003Cstrong>aos-duration-2000\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2100ms: \u003Cstrong>aos-duration-2100\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2200ms: \u003Cstrong>aos-duration-2200\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2300ms: \u003Cstrong>aos-duration-2300\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2400ms: \u003Cstrong>aos-duration-2400\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2500ms: \u003Cstrong>aos-duration-2500\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2600ms: \u003Cstrong>aos-duration-2600\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2700ms: \u003Cstrong>aos-duration-2700\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2800ms: \u003Cstrong>aos-duration-2800\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2900ms: \u003Cstrong>aos-duration-2900\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>3000ms: \u003Cstrong>aos-duration-3000\u003C\u002Fstrong>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>Animation Delay:\u003C\u002Fstrong> (*\u003Cstrong>new\u003C\u002Fstrong>, added in 1.0.2)\u003C\u002Fp>\n\u003Cul>\n\u003Cli>100ms: \u003Cstrong>aos-delay-100\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>200ms: \u003Cstrong>aos-delay-200\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>300ms: \u003Cstrong>aos-delay-300\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>400ms: \u003Cstrong>aos-delay-400\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>500ms: \u003Cstrong>aos-delay-500\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>600ms: \u003Cstrong>aos-delay-600\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>700ms: \u003Cstrong>aos-delay-700\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>800ms: \u003Cstrong>aos-delay-800\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>900ms: \u003Cstrong>aos-delay-900\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1000ms: \u003Cstrong>aos-delay-1000\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1100ms: \u003Cstrong>aos-delay-1100\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1200ms: \u003Cstrong>aos-delay-1200\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1300ms: \u003Cstrong>aos-delay-1300\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1400ms: \u003Cstrong>aos-delay-1400\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1500ms: \u003Cstrong>aos-delay-1500\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1600ms: \u003Cstrong>aos-delay-1600\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1700ms: \u003Cstrong>aos-delay-1700\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1800ms: \u003Cstrong>aos-delay-1800\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1900ms: \u003Cstrong>aos-delay-1900\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2000ms: \u003Cstrong>aos-delay-2000\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2100ms: \u003Cstrong>aos-delay-2100\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2200ms: \u003Cstrong>aos-delay-2200\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2300ms: \u003Cstrong>aos-delay-2300\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2400ms: \u003Cstrong>aos-delay-2400\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2500ms: \u003Cstrong>aos-delay-2500\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2600ms: \u003Cstrong>aos-delay-2600\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2700ms: \u003Cstrong>aos-delay-2700\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2800ms: \u003Cstrong>aos-delay-2800\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2900ms: \u003Cstrong>aos-delay-2900\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>3000ms: \u003Cstrong>aos-delay-3000\u003C\u002Fstrong>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>To Disable Animations On Specific Device\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>To disable animations on certain elements on devices larger than 767px, simply add \u003Ccode>aoswp-disable-desktop\u003C\u002Fcode> class name to the element tag\u003Cbr \u002F>\n \u003C\u002Fli>\n\u003Cli>To disable animations on certain elements on devices smaller than 766px, simply add \u003Ccode>aoswp-disable-mobile\u003C\u002Fcode> class name to the element tag\u003Cbr \u002F>\n \u003C\u002Fli>\n\u003Cli>\n\u003Cp>To disable animations site-wide \u002F per page basis on specific devices:\u003Cbr \u002F>\nadd this lines to your css files:\u003C\u002Fp>\n\u003Cp>@media ( \u003Ca href=\"https:\u002F\u002Fgist.github.com\u002Fgokulkrishh\u002F242e68d1ee94ad05f488\" rel=\"nofollow ugc\"> \u003Ccode>your media query\u003C\u002Fcode> \u003C\u002Fa> ) {\u003C\u002Fp>\n\u003Cpre>\u003Ccode>    html:not(.no-js) .aoswp-enabled [data-aos] {\n        opacity: 1!important;\n        -webkit-transform: none!important;\n        transform: none!important;\n        transition: none!important;\n        transition-timing-function: unset!important;\n        transition-duration: unset!important;\n        transition-property: none!important;\n    }\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>}\u003C\u002Fp>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp> \u003C\u002Fp>\n\u003Ch3>Note\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>Both AOS JavaScript and CSS will only be loaded if there is \u003Cstrong>‘\u003Ccode>aos-\u003C\u002Fcode>‘\u003C\u002Fstrong> in the page’s html. So this plugin will not add bloat to pages that do not use\u002Fneed the AOS animations.\u003Cbr \u002F>\n \u003C\u002Fli>\n\u003Cli>Although the AOS library is already lightweight, the CSS and JS in this plugin are delay-able, so it won’t hurt your site’s performance at all. (You can use \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Foptimize-more\u002F\" rel=\"ugc\">Optimize More!\u003C\u002Fa>\u003C\u002Fstrong>  to delay the CSS and JS)\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Disclaimer\u003C\u002Fh3>\n\u003Cp>This plugin doesn’t add anything to your database and won’t do any permanent change to your HTML, so you can safely deactivate and delete it when you no longer need it.\u003C\u002Fp>\n\u003Ch3>USEFUL PLUGINS TO OPTIMIZE YOUR SITE’S SPEED:\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Foptimize-more\u002F\" rel=\"ugc\">Optimize More!\u003C\u002Fa>\u003C\u002Fstrong> –  A DIY WordPress Page Speed Optimization Pack. Features:\n\u003Cul>\n\u003Cli>\u003Cstrong>Load CSS Asynchronously\u003C\u002Fstrong> – selectively load CSS file(s) asynchronously on selected post\u002Fpage types.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Delay CSS and JS until User Interaction\u003C\u002Fstrong> – selectively delay CSS\u002FJS load until user interaction on selected post\u002Fpage types.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Preload Critical CSS, JS, and Font Files\u003C\u002Fstrong> – selectively preload critical CSS\u002FJS\u002FFont file(s) on selected post\u002Fpage types.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Remove Unused CSS and JS Files\u003C\u002Fstrong> – selectively remove unused CSS\u002FJS file(s) on selected post\u002Fpage types.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Load Gutenberg CSS conditionally\u003C\u002Fstrong> – Load each CSS of the core blocks will only get enqueued when the block gets rendered on a page.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Advance Defer JS\u003C\u002Fstrong> – hold JavaScripts load until everything else has been loaded. Adapted from the legendary \u003Cstrong>varvy’s defer js\u003C\u002Fstrong> method \u003Cem>*recommended for defer loading 3rd party scripts like ads, pixels, and trackers\u003C\u002Fem>\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Defer JS\u003C\u002Fstrong> – selectively defer loading JavaScript file(s) on selected post\u002Fpage types.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Remove Passive Listener Warnings\u003C\u002Fstrong> – Remove the “Does not use passive listeners to improve scrolling performance” warning on Google PageSpeed Insights\u003Cbr \u002F>\n \u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003Cli>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Foptimize-more-images\u002F\" rel=\"ugc\">Optimize More! Images\u003C\u002Fa>\u003C\u002Fstrong> – A simple yet powerfull image, iframe, and video optimization plugin (Lazy load images \u002F iframes \u002F videos, Preload featured images automatically). Also support lazy loading CSS background images.\u003Cbr \u002F>\n \u003C\u002Fli>\n\u003Cli>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Flazyload-preload-and-more\u002F\" rel=\"ugc\">Lazyload, Preload, and more!\u003C\u002Fa>\u003C\u002Fstrong> – A simplified version of \u003Cstrong>Optimize More! Images\u003C\u002Fstrong>. Able to do what \u003Cstrong>Optimize More! Images\u003C\u002Fstrong> can do but without UI for settings (you can customize the default settings using filters). This tiny little plugin (around 14kb zipped) will automatically:\n\u003Cul>\n\u003Cli>\u003Cstrong>lazyload\u003C\u002Fstrong> your below the fold images (img tag and bg images) \u002Fiframes \u002F videos,\u003C\u002Fli>\n\u003Cli>\u003Cstrong>preload\u003C\u002Fstrong> your featured images,\u003C\u002Fli>\n\u003Cli>and add \u003Cstrong>loading=”eager”\u003C\u002Fstrong> to your featured image and all images that have \u003Ccode>no-lazy\u003C\u002Fcode> or \u003Ccode>skip-lazy\u003C\u002Fcode> class.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Other USEFUL PLUGIN:\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fshop-extra\u002F\" rel=\"ugc\">Shop Extra\u003C\u002Fa>\u003C\u002Fstrong> – A lightweight plugin to optimize your WooCommerce & Business site:\n\u003Cul>\n\u003Cli>\u003Cstrong>Floating WhatsApp Chat Widget\u003C\u002Fstrong> (can be use without WooCommerce),\u003C\u002Fli>\n\u003Cli>\u003Cstrong>WhatsApp Order Button for WooCommrece\u003C\u002Fstrong>,\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Hide\u002FDisable WooCommerce Elements\u003C\u002Fstrong>,\u003C\u002Fli>\n\u003Cli>\u003Cstrong>WooCommerce Strings Translations\u003C\u002Fstrong>,\u003C\u002Fli>\n\u003Cli>and many more.\u003Cbr \u002F>\n \u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003Cli>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fimage-video-lightbox\u002F\" rel=\"ugc\">Image & Video Lightbox\u003C\u002Fa>\u003C\u002Fstrong> – A lightweight plugin that automatically adds Lightbox functionality to images displayed by WordPress (Gutenberg) Gallery and Image Blocks, as well as GenerateBlocks Image Blocks, and also videos created by the core Video Block,  without the need to set the link to media file manually one by one.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp> \u003C\u002Fp>\n","Animate any Elements on scroll using the popular AOS JS library simply by adding class names.",4000,23556,86,6,"2024-04-08T03:50:00.000Z","6.5.8",[124,18,125,20,126],"animate","aos","scroll-animation","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fanimate-on-scroll.1.0.7.zip",85,{"slug":130,"name":131,"version":132,"author":133,"author_profile":134,"description":135,"short_description":136,"active_installs":117,"downloaded":137,"rating":33,"num_ratings":138,"last_updated":139,"tested_up_to":51,"requires_at_least":140,"requires_php":141,"tags":142,"homepage":146,"download_link":147,"security_score":25,"vuln_count":148,"unpatched_count":11,"last_vuln_date":149,"fetched_at":27},"scrollsequence","Scrollsequence – Cinematic Scroll Image Animation Plugin","1.6.3","Scrollsequence","https:\u002F\u002Fprofiles.wordpress.org\u002Fscrollsequence\u002F","\u003Cp>Scrollsequence allows you to create stunning image sequence animations that are controlled with mousewheel or touch. Turn static design into cinematic experience in few clicks.\u003C\u002Fp>\n\u003Cp>\u003Ciframe loading=\"lazy\" title=\"Scrollsequence - How it works\" src=\"https:\u002F\u002Fplayer.vimeo.com\u002Fvideo\u002F413362050?dnt=1&app_id=122963\" width=\"750\" height=\"422\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\">\u003C\u002Fiframe>\u003C\u002Fp>\n\u003Cp>Make your website come alive, scroll through video and interactive content.  You can use it to create an eye-catching animation sequence on your homepage or in individual posts and pages to offer a more cinematic, engaging way for visitors to consume your content.\u003C\u002Fp>\n\u003Ch3>Never seen before on WordPress\u003C\u002Fh3>\n\u003Cp>Scroll sequence technology was exclusive to big tech companies, who have budget and skills to implement it from scratch. Sony, Apple and Samsung made use of this background animation technique, \u003Ca href=\"https:\u002F\u002Fscrollsequence.com\u002Fhow-to-make-scroll-image-animation\u002F?utm_source=wpreporeadme&utm_medium=wpreporeadme&utm_campaign=wpreporeadme\" rel=\"nofollow ugc\">learn how they made use of scroll animations\u003C\u002Fa> and how to add this feature to your site with ease.\u003C\u002Fp>\n\u003Ch3>Get Started\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>Have a look at some \u003Ca href=\"https:\u002F\u002Fscrollsequence.com\u002Fexamples\u002F?utm_source=wpreporeadme&utm_medium=wpreporeadme&utm_campaign=wpreporeadme\" rel=\"nofollow ugc\">examples\u003C\u002Fa> on our website\u003C\u002Fli>\n\u003Cli>Play around in \u003Ca href=\"https:\u002F\u002Fscrollsequence.com\u002Flive-demo\u002Fwp-admin\u002F?utm_source=wpreporeadme&utm_medium=wpreporeadme&utm_campaign=wpreporeadme\" rel=\"nofollow ugc\">live demo\u003C\u002Fa> sandbox\u003C\u002Fli>\n\u003Cli>Check the \u003Ca href=\"https:\u002F\u002Fscrollsequence.com\u002Fdocumentation\u002F?utm_source=wpreporeadme&utm_medium=wpreporeadme&utm_campaign=wpreporeadme\" rel=\"nofollow ugc\">documentation\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>Subscribe to our \u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fchannel\u002FUCfS4p0R5ZYr4GTQ9DIBbEgg\" rel=\"nofollow ugc\">youtube\u003C\u002Fa> channel\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Main Features\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Performance\u003C\u002Fstrong> – Thanks to HTML5 Canvas image draw technology and lightweight scripts and HTML\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Drag and Drop\u003C\u002Fstrong> – Reorder images, scenes and animations\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Animate HTML Elements\u003C\u002Fstrong> – Write and animate content in sync with media\u003C\u002Fli>\n\u003Cli>\u003Cstrong>WYSIWYG editor\u003C\u002Fstrong> – Shortcode and oEmbed capability\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Compatible\u003C\u002Fstrong> – Use with Gutenberg, \u003Ca href=\"https:\u002F\u002Fscrollsequence.com\u002Fhow-to-make-image-sequence-animation-in-elementor\u002F\" rel=\"nofollow ugc\">Elementor\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fscrollsequence.com\u002Fhow-to-make-image-sequence-animation-in-divi\u002F\" rel=\"nofollow ugc\">Divi\u003C\u002Fa>, Oxygen, \u003Ca href=\"https:\u002F\u002Fscrollsequence.com\u002Fhow-to-make-image-sequence-animation-in-beaver-builder\u002F\" rel=\"nofollow ugc\">Beaver Builder\u003C\u002Fa> and many others\u003C\u002Fli>\n\u003Cli>\u003Cstrong>SEO\u003C\u002Fstrong> – All content is visible for search engines \u003C\u002Fli>\n\u003Cli>\u003Cstrong>Fully responsive\u003C\u002Fstrong> – Mobile and desktop sizing and alignment options\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Media gallery\u003C\u002Fstrong> – Backend upload and select\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Image preloading\u003C\u002Fstrong> – Images are pre-loaded in the background\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Custom CSS\u003C\u002Fstrong> – Add your own styles \u003C\u002Fli>\n\u003Cli>Image opacity and background color settings\u003C\u002Fli>\n\u003Cli>Scrollsequence speed settings\u003C\u002Fli>\n\u003Cli>Fallback option when user has Javascript disabled\u003C\u002Fli>\n\u003Cli>Options for footer and sidebar hide\u002Fdisplay\u003C\u002Fli>\n\u003Cli>Native WordPress shortcode support\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Pro Plan Feautres\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Advanced Content Animation\u003C\u002Fstrong> – Create Fade In, Fade Out, Move and Scale animations on scroll\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Unlimited Scenes and Images\u003C\u002Fstrong> \u003C\u002Fli>\n\u003Cli>\u003Cstrong>Smooth Scroll Delay\u003C\u002Fstrong> – Add a delay effect to your animation to make it smoother\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Smart Image Pre-loading\u003C\u002Fstrong> – Control how many images are loaded on page load before the animation is displayed\u003C\u002Fli>\n\u003Cli>\u003Cstrong>SEO Friendly\u003C\u002Fstrong> – All content added to Scrollsequence is indexable\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Priority Support\u003C\u002Fstrong>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Business Plan Feautres\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Cloud Media Tools\u003C\u002Fstrong> – A collection of handy cloud based media tools \u003C\u002Fli>\n\u003Cli>\u003Cstrong>Video to Image Converter\u003C\u002Fstrong> – Convert source video into a sequence of images in seconds\u003C\u002Fli>\n\u003Cli>\u003Cstrong>AI Frame Former\u003C\u002Fstrong>  – Increase number of image frames from your video in our cloud service for smoother animation\u003C\u002Fli>\n\u003Cli>\u003Cstrong>WP Media Gallery Import\u003C\u002Fstrong> – Import still images from your video directly to WP Media Gallery with one click\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cspan class=\"embed-youtube\" style=\"text-align:center; display: block;\">\u003Ciframe loading=\"lazy\" class=\"youtube-player\" width=\"750\" height=\"422\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002F40ayu_t7Mlc?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\">\u003C\u002Fiframe>\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch4>What others say about Scrollsequence?\u003C\u002Fh4>\n\u003Cp>\u003Cspan class=\"embed-youtube\" style=\"text-align:center; display: block;\">\u003Ciframe loading=\"lazy\" class=\"youtube-player\" width=\"750\" height=\"422\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FyadOWGOpTIU?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\">\u003C\u002Fiframe>\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>” \u003Cstrong>You’ve never seen anything like this in WordPress.\u003C\u002Fstrong> ” – Bjorn Allpas – WP Learning Lab\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>\u003Cspan class=\"embed-youtube\" style=\"text-align:center; display: block;\">\u003Ciframe loading=\"lazy\" class=\"youtube-player\" width=\"750\" height=\"422\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FOO6xy095qsY?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\">\u003C\u002Fiframe>\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>” \u003Cstrong>This takes interactivity to another level.\u003C\u002Fstrong> ” – Imran Siddiq – Web Squadron\u003C\u002Fp>\n\u003Cp>” \u003Cstrong>Game Changer\u003C\u002Fstrong> – Really excited for the future of this plugin as out of the gate it’s amazing. Excited for what the future holds and looking forward to widget functionality perhaps in builders like Divi.” – Luke Dempsey\u003C\u002Fp>\n\u003Cp>” \u003Cstrong>Best execution of scrolly telling\u003C\u002Fstrong> – I’ve tried a lot of ways to create scrolly telling content…from lottie files to scroll triggers to custom gsap stuff. None comes close to what Scrollsequence can do though.” – Leon Kiongwei\u003C\u002Fp>\n\u003Cp>” \u003Cstrong>Great plugin\u003C\u002Fstrong> – It works, it’s fluent. You just need some time to understand the logic, but it’s fairly straightforward.” – P Fabor\u003C\u002Fp>\n\u003C\u002Fblockquote>\n","Image sequence animation on scroll. Take any video, and transform it into immersive dynamic landing page that animate as you scroll.",131623,19,"2026-06-07T20:07:00.000Z","5.0","7.0",[143,144,20,126,145],"image-animation","image-sequence","video-scroll","http:\u002F\u002Fwww.scrollsequence.com","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fscrollsequence.1.6.3.zip",1,"2024-03-16 00:00:00",{"error":151,"url":152,"statusCode":153,"statusMessage":154,"message":154},true,"http:\u002F\u002Flocalhost\u002Fapi\u002Fplugins\u002Fshift8-scrollshot\u002Fbundle",404,"no bundle for this plugin yet",{"slug":4,"current_version":6,"total_versions":62,"versions":156},[157,163],{"version":6,"download_url":24,"svn_tag_url":158,"released_at":26,"has_diff":159,"diff_files_changed":160,"diff_lines":26,"trac_diff_url":161,"vulnerabilities":162,"is_current":151},"https:\u002F\u002Fplugins.svn.wordpress.org\u002Fshift8-scrollshot\u002Ftags\u002F1.0.2\u002F",false,[],"https:\u002F\u002Fplugins.trac.wordpress.org\u002Fchangeset?old_path=%2Fshift8-scrollshot%2Ftags%2F1.0.1&new_path=%2Fshift8-scrollshot%2Ftags%2F1.0.2",[],{"version":164,"download_url":165,"svn_tag_url":166,"released_at":26,"has_diff":159,"diff_files_changed":167,"diff_lines":26,"trac_diff_url":26,"vulnerabilities":168,"is_current":159},"1.0.1","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fshift8-scrollshot.1.0.1.zip","https:\u002F\u002Fplugins.svn.wordpress.org\u002Fshift8-scrollshot\u002Ftags\u002F1.0.1\u002F",[],[]]