Nate Gay

<p>WP Morphext is a WordPress Plugin that allows for users to add shortcodes to animate text on their website. The plugin uses shortcodes to provide a native WordPress interface for using the morphext.js and animate.css libraries.</p>
<p><strong>Options</strong></p>
<ol>
<li>
<p><em>animation</em> (flipInX is default), <code>[wpmorphext animation=“fadeIn” text=“Example 1, Example 2, etc”]</code></p>
</li>
<li>
<p><em>speed</em> (3000 milliseconds is default), <code>[wpmorphext speed=“1500” text=“Example 1, Example 2, etc”]</code></p>
</li>
</ol>
<p>For a list of all animations please visit <a href="https://daneden.github.io/animate.css/" rel="nofollow ugc">Animate.css</a></p>
<p><strong>Important Note</strong><br />
Some animations travel the entirety of the viewport. To limit where the animation can be seen you must set the parent container as <code>overflow: hidden;</code></p>
<p><strong>Dependencies</strong></p>
<ol>
<li>
<p><strong>Animate.css</strong> — <a href="https://daneden.github.io/animate.css/" rel="nofollow ugc">Homepage</a> — <a href="https://opensource.org/licenses/MIT" rel="nofollow ugc">MIT License</a></p>
</li>
<li>
<p><strong>Morphext</strong> — <a href="http://morphext.fyianlai.com/" rel="nofollow ugc">Homepage</a> — <a href="http://ian.mit-license.org/" rel="nofollow ugc">MIT License</a></p>
</li>
</ol>
<p><strong>License</strong><br />
GPLv2 (or later)</p>


WP Morphext

WP Morphext is a WordPress Plugin that allows for users to add shortcodes to animate text on their website. The plugin uses shortcodes to provide a na …

Debuggers Studio

<p>Marquee Addons makes it easy to add smooth marquee effects for text, button, images, testimonials, videos, and cards to websites built with Elementor. It helps you create a continuous smooth scrolling loop for your content. You can customize the direction to scroll left, right, top, or bottom, either horizontally or vertically. With flexible options, it provides a smooth and user-friendly experience for your visitors while keeping your site looking modern and functional.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/CmW0U8Ij8o0?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"></iframe></span>
<p><a href="https://marqueeaddons.com/" rel="nofollow ugc">Plugin Demo</a> | <a href="https://marqueeaddons.com/docs/" rel="nofollow ugc">Documentation</a> | <a href="https://marqueeaddons.com/free-vs-pro/" rel="nofollow ugc">Get Pro for Advanced Features</a></p>
<h3><a href="https://marqueeaddons.com/image-marquee/" rel="nofollow ugc">Image Marquee</a>:</h3>
<p>Lets you add smooth scrolling marquee effects for images, featuring lightbox, image links, lazy loading, box shadow, adjustable animation speed, and customizable scrolling direction. It provides an easy and effective way to showcase your images loop on your website.</p>
<h3><a href="https://marqueeaddons.com/text-marquee/" rel="nofollow ugc">Text marquee</a>:</h3>
<p>Text Marquee allows you to display scrolling marquee text with icons and repeat the content as needed. You can set the scrolling direction either vertically or horizontally, giving you full flexibility to match your website’s layout and visual flow. The text is also fully linkable, allowing you to turn any scrolling message into a clickable call-to-action that guides users to specific pages or external links.</p>
<h3><a href="https://marqueeaddons.com/testimonial-marquee/" rel="nofollow ugc">Testimonial Marquee</a>:</h3>
<p>Share client feedback, names, and ratings in a smooth, continuous scroll. A clean and effortless way to highlight customer reviews, build trust, and keep your site looking modern and professional.</p>
<h3><a href="https://marqueeaddons.com/video-marquee/" rel="nofollow ugc">Video Marquee</a>:</h3>
<p>Create a continuous video reel that supports YouTube, Vimeo, Dailymotion, or self-hosted videos. Control autoplay, mute, and loop options for a smooth experience across devices.</p>
<h3><a href="https://marqueeaddons.com/news-ticker/" rel="nofollow ugc">News Ticker</a>:</h3>
<p>With the News Ticker widget users can easily display the highlighted news, updates, or announcements in an endless loop format. Customize the appearance, speed, and content to suit your website’s style. Perfect for showcasing real-time news, blog posts, discounts offers or important alerts on any page.</p>
<h3><a href="https://marqueeaddons.com/stacked-slider/" rel="nofollow ugc">Stacked Slider</a>:</h3>
<p>Show several images in a stacked slider format, where users can shuffle through different layers of visuals. This is great for displaying product collections, and portfolios, in a neat and interactive manner.</p>
<h3><a href="https://marqueeaddons.com/image-accordion/" rel="nofollow ugc">Image Accordion</a>:</h3>
<p>Create an engaging accordion-style effect with images, Where each image expands as the user hovers over it. Ideal for displaying portfolios, product features or any content that requires a unique, interactive display.</p>
<h3><a href="https://marqueeaddons.com/animated-heading/" rel="nofollow ugc">Animated Headline</a>:</h3>
<p>Create attention-grabbing headlines by combining static text with engaging animations like typing, flipping, or fade effects. Add custom text before or after the animated section to match your design needs and create an interactive, modern heading that stands out on any page.</p>
<h3><a href="https://marqueeaddons.com/animated-word-roller/" rel="nofollow ugc">Animated Word Roller</a>:</h3>
<p>Combines a static heading with rotating words or phrases that roll through the same spot. Set the duration per word, looping behavior, and the number of visible words, and style the title and animated words separately.</p>
<h3><a href="https://marqueeaddons.com/button-marquee/" rel="nofollow ugc">Marquee Button</a>:</h3>
<p>With Marquee Button, create an interactive button with auto-scrolling text that grabs attention. Pick solid, outline, or ghost styles, set corners, add icons, and control loop speed and direction. On hover, the text loops smoothly left to right. Perfect for modern CTAs. Click can open a link or a video popup from YouTube, Vimeo, or self-hosted. Built to keep page load light.</p>
<h3>Search Box:</h3>
<p>This is a mobile-friendly Interactive search widget with expandable input and popup dropdown results. Designed to deliver fast, interactive search experiences inside Elementor.</p>
<h3><a href="https://marqueeaddons.com/image-hotspot/" rel="nofollow ugc">Image Hotspot</a>:</h3>
<p>Add clickable hotspots to any image, with each hotspot showing helpful text on hover or click. This makes it easy to highlight product features, explain objects within an image, or showcase important details in a clear and engaging way.</p>
<h3>PRO WIDGETS – UNLOCK ADVANCED CAPABILITIES:</h3>
<p>Marquee Addons Pro brings smooth marquee effects and motion design widgets to Elementor. Create advanced scrolling text, Media, testimonials, videos, 3D effect, cards, posts, products, and more in endless loops.</p>
<h3><a href="https://marqueeaddons.com/card-marquee/" rel="nofollow ugc">Card Marquee</a> (Pro):</h3>
<p>This widget lets you create an engaging carousel of cards that move in a smooth, continuous loop. Each card can include an icon, image, background overlay, title, and call-to-action button, making it ideal for showcasing products, services, courses, or featured content. This is a universal card widget to design any type of card with CTA.</p>
<h3><a href="https://marqueeaddons.com/media-marquee/" rel="nofollow ugc">Media Marquee</a> (Pro):</h3>
<p>Create a smooth, infinite media marquee with images and videos in one continuous carousel. Display logos, photos, or videos with lightbox support, customizable spacing, aspect ratios, overlays, and play icons. Control direction, speed, hover effects, and enable scroll-triggered animation for an engaging, high-performance media carousel.</p>
<h3><a href="https://marqueeaddons.com/instagram-marquee/" rel="nofollow ugc">Instagram Marquee</a> (Pro):</h3>
<p>Show Instagram posts and reels in a smooth, continuous marquee built for modern, scroll-friendly social sections. Add multiple Instagram URLs, keep the feed moving horizontally or vertically, and control direction, speed, spacing, and scroll behavior to create an engaging stream that blends seamlessly with your design.</p>
<h3><a href="https://marqueeaddons.com/youtube-shorts-marquee/" rel="nofollow ugc">YouTube Shorts Marquee</a> (Pro):</h3>
<p>Show YouTube Shorts in a smooth, continuous marquee built for modern video-first sections. Add multiple Shorts URLs, keep the feed moving horizontally or vertically, and control marquee direction, speed, spacing, and scroll behavior to create an engaging reel that stays visible without taking over the page.</p>
<h3><a href="https://marqueeaddons.com/tiktok-marquee/" rel="nofollow ugc">TikTok Marquee</a> (Pro):</h3>
<p>Display TikTok in a seamless marquee that adds motion and social proof to your site. Add multiple TikTok URLs, arrange the stream horizontally or vertically, and fine-tune direction, speed, spacing, and scroll behavior to create a lively video showcase that fits naturally into landing pages and promo sections.</p>
<h3><a href="https://marqueeaddons.com/post-marquee/" rel="nofollow ugc">Post Marquee</a> (Pro):</h3>
<p>Display your posts in motion with a smooth, continuous carousel. Highlight featured images, titles, and call-to-action links, all styled to match your site. Works with blogs, news, products, or any custom post type, giving your content an engaging, always-visible presence.</p>
<h3><a href="https://marqueeaddons.com/product-marquee/" rel="nofollow ugc">Products Marquee</a> (Pro):</h3>
<p>Showcase your products in a smooth, infinite carousel that keeps them always in view. Each product can display its image, title, price, and add-to-cart button, styled to match your store’s design. Highlight featured, upsell, sale, or new items in an engaging way that draws attention without breaking the flow of your site.</p>
<h3><a href="https://marqueeaddons.com/product-marquee/" rel="nofollow ugc">Product Category Marquee</a> (Pro):</h3>
<p>Present your product categories in a smooth, continuous carousel. Each category can include an image, title, and link, styled to fit your store’s design. A great way to feature popular or seasonal categories and guide shoppers toward the right products.</p>
<h3><a href="https://marqueeaddons.com/product-marquee/" rel="nofollow ugc">Product Carousel</a> (Pro):</h3>
<p>Display your products in a clean, swipe-friendly carousel that shoppers can browse in seconds. Perfect for homepages, product pages, and sections, this widget lets you showcase product image, title, price, ratings, and add-to-cart button in a modern slider layout. Highlight best sellers, featured items, new arrivals, or sale products with smooth navigation, responsive design, and full styling control to match your store perfectly.</p>
<h3><a href="https://marqueeaddons.com/testimonial-marquee/" rel="nofollow ugc">Advanced Testimonial Marquee</a> (Pro):</h3>
<p>Bring testimonials and reviews to life with a continuous marquee carousel in multiple layouts. Unlock advanced options like scroll-triggered motion, vertical style, highlighted reviews, and interactive hover effects to make feedback stand out.</p>
<h3><a href="https://marqueeaddons.com/text-marquee/" rel="nofollow ugc">Advanced Text Marquee</a> (Pro):</h3>
<p>Turn static testimonials into scrolling stories that stand out. The Advanced Testimonial Marquee lets you highlight reviews in multiple layouts, vertical, horizontal, or scroll-triggered motion. Add hover effects, spotlight featured reviews, and create a dynamic wall of trust that makes your brand more credible.</p>
<h3><a href="https://marqueeaddons.com/circular-text-rotation/" rel="nofollow ugc">Circular Text Rotation</a> (Pro):</h3>
<p>Add rotating circular text for badges, hero sections, and callouts. Adjust radius, direction, and speed, with options like pause on hover and rotate on scroll. Style it fully with typography and text-stroke controls. You can even turn it into an interactive call-to-action button, linking to any page or section you choose.</p>
<h3><a href="https://marqueeaddons.com/smart-tabs/" rel="nofollow ugc">Smart Tabs</a> (Pro):</h3>
<p>Use Smart Tabs to group long content into clean, switchable tabs perfect for highlighting steps, services, team info, and product details in elementor. Switch tabs on click or hover to keep pages tidy and easy to scan. Customize titles, icons, sub-headings, and content. Smooth transitions and accessible markup help visitors find information fast without endless scrolling.</p>
<h3><a href="https://marqueeaddons.com/sticky-cards/" rel="nofollow ugc">Sticky Cards</a> (Pro):</h3>
<p>With Sticky Cards to turn any vertical section into sticky stacking cards in elementor. As visitors scroll, each card pauses on screen so you can highlight features, timelines, team members, or processes. Fit more content into less space with smooth, stacked vertical cards that stay focused and easy to read. The design feels modern, keeps attention, and delivers a premium experience without extra complexity.</p>
<h3><a href="https://marqueeaddons.com/image-accordion-pro/" rel="nofollow ugc">Image Accordion</a> (Pro):</h3>
<p>With this elementor widget, you can turn simple image rows into expandable panels that open on hover or click to show titles, descriptions, and a clear call-to-action. Use it for portfolios, product collections, team profiles, or project highlights when you want to show many visuals in a small space. Add the optional hover wave effect for extra polish and guide visitors to detail pages or actions without cluttering the layout.</p>
<h3><a href="https://marqueeaddons.com/3d-grid-marquee/" rel="nofollow ugc">3D Grid Marquee</a> (Pro):</h3>
<p>The 3D Marquee is an animated Elementor widget with 3D perspective, smooth scrolling, and smooth column animations, supporting CSS 3D transforms. It provides a 3D marquee effect with a grid, ideal for hero sections, brand walls, and featured work or portfolio. Use the 3D Grid Marquee to display logos, images in a continuous 3D scrolling grid. The smooth 3D movement adds visual energy while staying performant and easy to configure.</p>
<h3><a href="https://marqueeaddons.com/bento-grid/" rel="nofollow ugc">Bento Grid</a> (Pro):</h3>
<p>Create modern, asymmetric Bento Box layouts in Elementor with complete design freedom. Set custom row and column spans for each item, fine-tune spacing, and build editorial-style sections that stand out from traditional grids. Includes support for skewed grid layouts with title, description, and a header component for a more dynamic design. The perfect Elementor widget to help you design clean, responsive Bento Grids on your Elementor website.</p>
<h3><a href="https://marqueeaddons.com/animated-list/" rel="nofollow ugc">Animated List</a> (Pro):</h3>
<p>A list widget that animates each item in sequence with adjustable delay, perfect for showcasing notifications or events on Elementor landing pages. Bring lists to life in Elementor with smooth, continuous motion. Ideal for features, steps, or benefits. Control visible items, alignment, speed, and looping with no coding required.</p>
<h3><a href="https://marqueeaddons.com/text-reveal/" rel="nofollow ugc">Text Reveal</a> (Pro):</h3>
<p>This Elementor widget fades in text as you scroll down the page, creating a smooth text-reveal effect. It uses subtle animations to make headlines and sentences appear at the right scroll position. You can customize the animation speed, colors, and direction, so your text appears exactly how and when you want.</p>
<h3><a href="https://marqueeaddons.com/ma-background/" rel="nofollow ugc">MA Background</a> (Pro):</h3>
<p>Add animated backgrounds to any Elementor container. Choose from unique styles such as moving light beams, flowing aurora effects, interactive background boxes, glowing gradients, light pulse effect and more to make your Elementor website backgrounds interactive and live. Easily control the animation speed, colors, and direction to perfectly match your design.</p>
<h3><a href="https://marqueeaddons.com/marquee-templates/" rel="nofollow ugc">Elementor Templates</a> (Pro)</h3>
<p>Start faster with one-click demo import and beautifully pre-built templates. These done-for-you Elementor templates help you ship better-looking sites faster – saving 10+ hours on every client build.</p>
<h3>Key features:</h3>
<ul>
<li>
<p><strong>Horizontal and Vertical Positioning</strong>: Easily position all marquee addons in either horizontal or vertical layouts to suit your design needs; it gives you full control over how your content is displayed.</p>
</li>
<li>
<p><strong>Different Marquee Scrolling Option</strong>:  Choose from multiple scrolling styles, such as left to right or right to left scroll to make your website more engaging and fit in with its overall look.</p>
</li>
<li>
<p><strong>Upload All Types of Images</strong>: Easily add any image format, like JPG, PNG, and GIF, to your scrolling content. This lets you display anything from product pictures to attention-grabbing visuals.</p>
</li>
<li>
<p><strong>Upload All Types of Icons and Texts</strong>: You can easily add different icons and text to make your scrolling displays more interesting and help get your message across.</p>
</li>
<li>
<p><strong>Upload All Types of Videos</strong>: Easily add videos from youtube, vimeo and self hosted in different formats to your marquee, to create exciting content that can feature UGC, promotional videos, or product videos etc.</p>
</li>
<li>
<p><strong>Fully Responsive</strong>: Ensure your scrolling content looks great on all devices, from desktops to smartphones, without needing extra adjustments. This guarantees a smooth, visually consistent experience for all users.</p>
</li>
<li>
<p><strong>Lazy Load</strong>: Boost performance by loading images and videos only when they come into view. This keeps your marquees lightweight and your pages running smoothly.</p>
</li>
<li>
<p><strong>RTL and Multi-Language Supported</strong>: Build marquees that work everywhere. The widgets fully support right-to-left languages and integrate with multi-language plugins, so your content looks seamless no matter the language or audience.</p>
</li>
<li>
<p><strong>Lightbox and Linking (Pro)</strong>:  Open images and videos in a lightbox for a distraction-free view, or link any marquee item to internal pages, external sites, or specific sections. A simple way to add interactivity and guide visitors where you want them to go.</p>
</li>
<li>
<p><strong>Marquee on Scroll Trigger (Pro)</strong>:  Keep motion meaningful by starting the marquee only when it comes into view. This helps performance, reduces distraction, and makes animations feel more natural on scroll.</p>
</li>
<li>
<p><strong>Image Rotation (Pro)</strong>: Adds a smooth rotation effect to the standard Elementor Image widget, allowing your images to rotate in a continuous infinite loop. You can choose clockwise or counter-clockwise rotation to grab visitors’ attention and easily adjust the speed to make the movement as fast or as slow as you want.</p>
</li>
<li>
<p><strong>Custom CSS (Pro)</strong>: Add your own CSS to any marquee for complete design freedom. Fine-tune layouts, animations, and styles beyond the default options to match your site exactly the way you want.</p>
</li>
<li>
<p><strong>Dynamic Tags (Pro)</strong>: Integrate built‑in dynamic tags into the marquee widget, so pre‑created dynamic content (like titles, fields, etc.) can be inserted and displayed automatically.</p>
</li>
</ul>
<h3>Design & Performance Tips:</h3>
<ul>
<li>
<p><strong>Keep things clear</strong>: Set a comfortable speed, add enough space between items, and let longer content pause on hover so people can read at their own pace.</p>
</li>
<li>
<p><strong>Use lighter media</strong>:  Compress images and choose short, compressed clips for images & video. Try to keep the total under 10-15 items so it runs smoothly.</p>
</li>
<li>
<p><strong>Find balance</strong>: Too many marquees on the screen at once can feel heavy. In most cases, one or two is all you need.</p>
</li>
<li>
<p><strong>Load smart</strong>: Turn on lazy loading when it’s available, and use thumbnails with overlays for images and videos to keep pages fast.</p>
</li>
</ul>
<h3>Accessibility Notes:</h3>
<ul>
<li>Provide ALT text for images that are used for information.</li>
<li>Use SEO friendly heading levels (H2/H3) that match your page hierarchy.</li>
<li>Offer pause or reading options for long testimonials or dense text.</li>
<li>Keep animations subtle, and avoid excessive motion for users who are sensitive to movement.</li>
</ul>
<h3>Documentation & Support</h3>
<p>Have questions or need help? Post on the plugin’s <strong>Support Forum</strong> on WordPress.org — we actively monitor and respond.</p>
<p>For feature overviews, demo, and in‑depth <a href="https://marqueeaddons.com/docs/" rel="nofollow ugc">documentation</a>, check out our <strong>website</strong> at Marquee Addons.</p>


Marquee Addons for Elementor – Essential Motion Widgets & Templates

Marquee Addons is a smooth video, text, image, and testimonial marquee carousel loop plugin for Elementor on WordPress

WP Morphext vs Marquee Addons for Elementor – Essential Motion Widgets & Templates