Mehdi Kabab

Easily register and load the effects of the <a href="http://docs.jquery.com/UI/Effects/" title="UI/Effects - jQuery JavaScript Library" rel="nofollow ugc">jQuery UI Effects</a> library in your themes and plugins.
Supported effects:
<ul>
<li><a href="http://docs.jquery.com/UI/Effects/Blind" title="UI/Effects/Blind - jQuery JavaScript Library" rel="nofollow ugc">Blind</a> – Blinds the element away or shows it by blinding it in.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Clip" title="UI/Effects/Clip - jQuery JavaScript Library" rel="nofollow ugc">Clip</a> – Clips the element on or off, vertically or horizontally.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Drop" title="UI/Effects/Drop - jQuery JavaScript Library" rel="nofollow ugc">Drop</a> – Drops the element away or shows it by dropping it in.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Explode" title="UI/Effects/Explode - jQuery JavaScript Library" rel="nofollow ugc">Explode</a> – Explodes the element into multiple pieces.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Fold" title="UI/Effects/Fold - jQuery JavaScript Library" rel="nofollow ugc">Fold</a> – Folds the element like a piece of paper.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Puff" title="UI/Effects/Puff - jQuery JavaScript Library" rel="nofollow ugc">Puff</a> – Scale and fade out animations create the puff effect.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Slide" title="UI/Effects/Slide - jQuery JavaScript Library" rel="nofollow ugc">Slide</a> – Slides the element out of the viewport.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Scale" title="UI/Effects/Scale - jQuery JavaScript Library" rel="nofollow ugc">Scale</a> – Shrink or grow an element by a percentage factor. </li>
<li><a href="http://docs.jquery.com/UI/Effects/Bounce" title="UI/Effects/Bounce - jQuery JavaScript Library" rel="nofollow ugc">Bounce</a> – Bounces the element vertically or horizontally n-times.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Highlight" title="UI/Effects/Highlight - jQuery JavaScript Library" rel="nofollow ugc">Highlight</a> – Highlights the background with a defined color.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Pulsate" title="UI/Effects/Pulsate - jQuery JavaScript Library" rel="nofollow ugc">Pulsate</a> – Pulsates the opacity of the element multiple times.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Shake" title="UI/Effects/Shake - jQuery JavaScript Library" rel="nofollow ugc">Shake</a> – Shakes the element vertically or horizontally n-times.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Size" title="UI/Effects/Size - jQuery JavaScript Library" rel="nofollow ugc">Size</a> – Resize an element to a specified width and height.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Transfer" title="UI/Effects/Transfer - jQuery JavaScript Library" rel="nofollow ugc">Transfer</a> – Transfers the outline of an element to another.</li>
</ul>
<h4>Requirements</h4>
WordPress jQuery UI Effects requires <code>PHP5</code>.

WordPress jQuery UI Effects

Use effects of the jQuery UI Effects library in your themes and plugins!

sungraizfaryad

Create unlimited named sliders, each with its own settings and per-slide options (alt text, caption, link, call-to-action). Display them anywhere via the <code>[simplewpslider id="ID"]</code> shortcode or the bundled Gutenberg block. Powered by Swiper.js 11 — accessible, touch-friendly, no jQuery.
Slide types
<ul>
<li>Image slides (uses your Media Library, full srcset + lazy-load)</li>
<li>Self-hosted video slides (MP4)</li>
<li>YouTube and Vimeo slides (privacy-friendly click-to-load facade)</li>
</ul>
Per-slider settings
<ul>
<li>Autoplay, speed, loop, transition (slide / fade)</li>
<li>Arrows, dots, keyboard navigation</li>
<li>Slides-per-view + responsive breakpoints</li>
<li>Aspect ratio enforcement (16:9 / 4:3 / 1:1 / auto) to prevent layout shift</li>
<li>Respect prefers-reduced-motion</li>
</ul>
Accessibility
<ul>
<li>WAI-ARIA carousel pattern</li>
<li>Drag-reorder via keyboard in the admin</li>
<li>Full screen-reader live-region announcements via Swiper’s a11y module</li>
</ul>
<h3>Privacy</h3>
The plugin makes no outbound requests at runtime. YouTube embeds use <code>youtube-nocookie.com</code> and only load after user interaction. Vimeo thumbnails are fetched via Vimeo’s public oEmbed endpoint only when an editor adds a Vimeo slide in the admin — never on frontend page loads.

Simple WP Slider

Multi-slider plugin for WordPress with shortcode, Gutenberg block, image + video slides, and Swiper-powered frontend.

WordPress jQuery UI Effects vs Simple WP Slider