<p>1.0.4pl Release of the MODX MaxCDN Toolkit.</p>

Garry Nutting 1.0.4-pl (107 KB)Other VersionsNeed help installing this extra?

MODX MaxCDN Toolkit

Showcase Vimeo videos in a responsive, customizable slider that auto-updates and enhances user engagement.

Add a layer of interactivity to your slider with hover effects that highlight videos as users navigate through the slider. This feature enhances the visual appeal of your content.



Interactive Hover Effects

Personalize the Vimeo Slider by adjusting colors, fonts, spacing, and layouts to match your website’s branding and style perfectly.

Fully Customizable Design Options

The Vimeo Slider automatically adjusts to any screen size, ensuring your videos look stunning on all devices, including desktops, tablets, and mobile phones.

Fully Responsive and Mobile-Friendly

Keep your website fresh with the slider’s auto-refresh feature, which syncs with your Vimeo account to display your most recent uploads automatically.

Auto-Updating Vimeo Content

Make each video in your Vimeo slider clickable, allowing users to watch content directly and boosting engagement with your channel.

Clickable Videos for Enhanced Interaction

No coding knowledge is required to install the Vimeo Slider Widget. Its intuitive interface allows for quick setup and effortless customization.

Easy to Set Up and Use

For developers and advanced users, the Vimeo Slider Widget supports custom CSS, providing complete control over its appearance and functionality.

Advanced Customization with Custom CSS

The Vimeo Slider Widget is compatible with all major website platforms and can be embedded with a single line of code for easy integration.

Seamless Integration on Any Website

The Vimeo Slider Widget displays your Vimeo videos in an elegant scrolling slider, providing a modern and visually appealing way to present your content.



Showcase Videos in a Dynamic Scrolling Format

By integrating a Vimeo slider, you encourage visitors to interact with your videos directly, increasing engagement and time spent on your site.

Enhance User Engagement with Interactive Features

Featuring Vimeo videos in a sleek slider enhances your website’s aesthetics, showcasing your brand’s creativity and captivating your audience.

Elevate Your Website’s Design with Stylish Videos

Use the Vimeo Slider widget when you prefer a sleek, linear presentation of Vimeo videos that can sit comfortably alongside text and other content blocks. The slider format presents thumbnails in a scrolling row, letting visitors scan multiple clips without expanding the section vertically. This is ideal for creative portfolios, agency work, case studies, and product visuals hosted on Vimeo. It keeps the design refined while still showcasing motion and craft. Users can move through items quickly and click to watch those that match their interests, giving your high quality Vimeo content better exposure and integration into your overall site journey.

Vimeo Slider

Social Feeds

Present Airbnb reviews for your property on your website

The widget comes with three review types — Carousel, Grid, and List, that will help you customize the apps and make them fit your design needs.

Different Review Types

The widget comes with advanced filtering options, like choosing to display reviews with a minimum of a certain number of stars.

Filter

With a simple toggle of a button, you can make sure that you manually approve all the reviews that will be displayed.

Manual Approval

The widget features additional filtering options in the form of keyword inclusion or exclusion — which is ideal for certain Airbnb properties.

Include or Exclude Keywords

The widget comes with sorting options that will help you customize your display to show reviews by the oldest or the newest reviews.

Sorting Options

The Airbnb Reviews widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style.

Multiple Layouts

The Airbnb Reviews widget comes with a variety of beautiful skins that you can choose from so you don’t have to spend much time on extensive customization.

Multiple Skins

The Airbnb Reviews widget features full customization options so you can edit the design to fit your needs. Change the colors, the fonts, the spacing, and anything else!

Fully Customizable

The Airbnb Reviews widget is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors.

Perfectly Responsive

The Airbnb Reviews widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget any way you’d like to with just a few simple clicks.

Easy To Use

As with all of Common Ninja’s apps, you can add custom CSS to customize the Airbnb Reviews widget and be even more creative.

Custom CSS

You can embed the widget on your website easily by copying a single line of code. The Airbnb Reviews widget will also be updated automatically with every change you make.

Easy To Embed

Reviews on Airbnb are considered trustworthy and can have a big impact on a customer's decision to use your Airbnb property. Thereby, having those reviews clearly displayed on your website via this widget will be absolutely beneficial.

Increase Credibility & Trust

By clearly displaying your good Airbnb reviews and increasing trust in your Airbnb property, you will be able to help undecided customers to make the decision to become paying customers quicker.

Drive Sales Up Quicker

The widget’s full customization options will enable you to choose from different review types, layouts, skins, fonts, colors, and more, and make the reviews complement your website’s design.

Enhance Design

Use the Airbnb Reviews widget when you host a property or experience on Airbnb and want those guest ratings to support direct bookings or inquiries on your own site. Travelers trust Airbnb reviews because they are tied to verified stays, and many guests will look for them before committing. Embedding the reviews on your pages keeps research in one place and shows real proof of hospitality, cleanliness, and reliability. This is essential for vacation rentals, boutique hotels, and tour hosts building their own booking channels. Clear review previews help visitors scan ratings and comments quickly. Seeing strong Airbnb credibility reduces perceived risk, supports higher conversion rates, and reinforces that your listing is proven and well loved by past guests.

Airbnb Reviews

Reviews

Seamlessly integrate social sharing buttons into your website to enhance content visibility.

The Social Share Buttons widget offers the flexibility of choosing between two distinct layouts: vertical and horizontal. This versatility ensures that the Social Share Buttons can seamlessly integrate into your website's design, whether you prefer a sidebar-like vertical arrangement or a more traditional horizontal alignment. Tailoring the layout to match your website's aesthetics enhances the overall user experience and maintains design coherence.

Customizable Layouts for Social Share Buttons

With the Social Share Buttons widget, you have the liberty to select from various button styles to complement your website's theme. Choose from full-color buttons for a vibrant and eye-catching look, transparent buttons for a more subtle and integrated appearance, or circular buttons for a sleek, modern feel. This range of style options allows for greater creative expression, ensuring the Social Share Buttons not only function effectively but also add to the visual appeal of your site.

Diverse Button Styles for Enhanced Aesthetics

The Website Share Buttons feature allows you to tailor the content of messages shared on social platforms. This customization ensures that the shared link reflects your brand's unique voice and message, making each share more impactful and aligned with your marketing strategy. Personalizing these messages can significantly enhance user engagement and the overall appeal of your content on social media.

Custom Message Personalization with Website Share Buttons

The Social Media Sharing Buttons support an impressive array of 48 social platforms, offering a wide range of options to suit diverse audience preferences. Whether targeting mainstream audiences on platforms like Facebook or niche communities, this variety ensures that your content reaches the most relevant and engaged audiences. Selecting the right platforms for your Social Media Sharing Tool is key to optimizing your content's reach and impact on social networks.

Broad Selection of Platforms with Social Media Sharing Buttons

The Content Sharing Buttons widget provides detailed customization options for each button. You have the flexibility to select unique colors for each button, allowing you to either match your website's color scheme or use distinct colors to make each social platform stand out. Additionally, you can choose to display either the platform name, the platform logo, or both. This level of customization ensures that the buttons not only integrate seamlessly with your site's design but also cater to your specific branding and aesthetic preferences.

Individual Button Customization with Content Sharing Buttons

The Content Sharing Buttons come with extensive customization capabilities. You can adjust elements like colors, fonts, and spacing to match your site's unique style, ensuring that the buttons are both functional and aesthetically pleasing.

Fully Tailorable Content Sharing Buttons

Designed with simplicity in mind, the Website Share Buttons require no advanced technical skills for customization. Their user-friendly interface allows for effortless adjustments, making them accessible to a wide range of users and enhancing your website's functionality without the need for complex coding.

Easy-to-Use Website Share Buttons

Ensuring compatibility across all devices, the Social Media Sharing Tool is designed to be fully responsive. This adaptability is crucial for a consistent user experience, regardless of the device used to access your site.

Responsive Social Media Sharing Tool

The Social Media Sharing Tool offers custom CSS options, allowing for deeper personalization and creativity. This feature is ideal for those who wish to fine-tune the aesthetic and functional aspects of their sharing buttons, ensuring a perfect match with the specific style and interaction needs of their website.

Custom CSS for Creative Flexibility in Social Media Sharing Buttons

Embedding the Website Share Buttons on your site is streamlined and simple, requiring just a line of code. This ease of integration makes it accessible for users of all technical levels. The widget also updates automatically with every change, ensuring your site always displays the latest version without additional effort.

Effortless Embedding of Website Share Buttons

Integrating Social Share Buttons on your site significantly enhances user engagement. By enabling visitors to share your content with a single click, you not only increase the likelihood of wider content dissemination but also foster a sense of community and interaction among your audience. This direct-sharing capability can lead to increased traffic and prolonged visitor engagement on your site.

Boost Website Engagement with Social Share Buttons

The Social Share Buttons widget is instrumental in amplifying your brand's online presence. Providing an effortless way for visitors to share your content on social platforms, extends your brand's reach to a broader audience. This user-driven sharing acts like a personal recommendation, fostering trust and credibility among new audiences. As a result, this organic exposure can significantly boost your brand visibility, creating more opportunities for audience growth and engagement.

Boost Brand Visibility with Social Share Buttons

By incorporating Website Share Buttons, you create a gateway for driving more traffic to your site. As users share your content, it reaches new audiences, leading to increased website visits. This can be particularly beneficial for websites focusing on content marketing, e-commerce, or community building, where higher traffic directly correlates with success.

Drive Traffic with User-Centric Website Share Buttons

Use the Social Share Buttons widget when you want to make it effortless for visitors to distribute your content across major networks. Easy to find share buttons near articles, products, and resources reduce the friction of copying links and switching apps. This can lead to more organic distribution, especially when readers feel your content will help their own audience. The widget keeps tracking and styling consistent across your site and can be configured for the platforms that matter most to you. Social sharing is still a powerful discovery channel, and clear buttons signal that you welcome and expect people to spread the word.

Social Share Buttons

User Engagement

Website Components

Boost Sales

Popups, Bars & Buttons

Displays user avatars with ratings for website credibility.

Upload images of your customers or users to visually demonstrate your brand's popularity and credibility. This feature enriches your site with authentic social proof, directly connecting visitors with the faces behind your product or service success stories.

User Avatar Upload

Enable a system within the Social Proof Avatars widget to visually display user satisfaction with customizable ratings, allowing site visitors to easily gauge the value of your offerings. Personalize rating icons to match your brand’s visual identity, ensuring that customer feedback is not only visually appealing but also straightforward for visitors to understand. This level of customization enhances your website’s aesthetic and trustworthiness, ensuring a consistent and engaging user experience that aligns with your brand’s theme and values.

Customizable User Ratings

Embed links with each avatar, offering visitors the opportunity to explore more detailed stories or testimonials. This feature connects your audience to deeper insights about user experiences, enhancing engagement and trust.

Link Integration

Easily set up a title and description for the Social Proof Avatars widget to tell a clear story about how much your customers trust and love your brand. This helps visitors quickly see the value people find in what you offer. It's a straightforward way to boost your website's appeal by highlighting your community's endorsements.

Use Captivating Title and Description

The Social Proof Avatars widget is available with multiple layouts, ensuring it complements your site's design and style. This variety lets you choose the perfect layout to meet both aesthetic and functional requirements, enhancing your website's user experience.

Varied Layouts

Offering a selection of beautiful skins, the Social Proof Avatars widget aligns with your brand and website aesthetics effortlessly. Whether your site's theme is modern, minimalist, or traditional, you'll find a skin that fits perfectly, elevating the visual harmony of your user interface.

Multiple Design Skins

With extensive customization options, you can tweak the Social Proof Avatars widget's design to match your specific needs. Alter colors, fonts, spacing, and more to create a look that's uniquely yours, ensuring the widget integrates seamlessly with your website's theme.

Designed to be fully responsive, the Social Proof Avatars widget guarantees a flawless display on any device. This adaptability is essential for maintaining a consistent user experience across desktops, tablets, and smartphones, catering to all your visitors.

Requiring no coding skills, the Social Proof Avatars widget is remarkably user-friendly. An intuitive dashboard simplifies customization, allowing you to adjust settings and preferences with just a few clicks, making it accessible for website owners of any technical level.

For those who wish to go beyond the standard customization options, the Social Proof Avatars widget supports custom CSS. This feature is perfect for web developers and designers looking to apply a unique touch or achieve specific design goals, providing maximum flexibility.

Integrating the Social Proof Avatars widget into your website is straightforward, needing just a single line of code. This simplicity ensures that your website can quickly benefit from enhanced social proof, with updates automatically applied to keep the display current without additional effort.

Effortless Embedding on any website

Integrating Social Proof Avatars widget on your website serves as a powerful testament to the trust and satisfaction your users or customers have in your offerings. This visual representation of user endorsements not only enhances your site's credibility but also builds a stronger connection with potential customers, encouraging them to engage with your brand.

Boosts Website Credibility

Social Proof Avatars widget act as a trust badge, subtly conveying the popularity and approval of your products or services. This not only elevates your brand's perception in the eyes of new visitors but also reinforces the loyalty of existing customers, creating a cycle of positive reinforcement for your brand.

Elevates Brand Perception

The dynamic display of Social Proof Avatars widget captures the attention of visitors, fostering a more engaging website experience. By showcasing the high regard of existing users, you naturally encourage new visitors to explore your offerings more deeply, significantly increasing the likelihood of conversion.

Enhances User Engagement

Use the Social Proof Avatars widget when you want to show at a glance that real people are engaging with your product or content. Rows of avatars with ratings or short labels communicate activity and satisfaction in a human, visual way. This is effective near signup forms, pricing sections, and key calls to action. Visitors can see that others like them already participate, which reduces the risk they feel in joining. It works particularly well for communities, courses, apps, and tools where peer presence matters. Social proof avatars turn abstract numbers into faces, which can be far more persuasive.

Social Proof Avatars

A button that appears near the bottom of a page and, when clicked, takes visitors back to the top.

Example 1

Example 2

Example 3

Example 4

The Scroll to Top widget comes with multiple pre designed button styles, so you can add it to your site without needing to design anything from zero. These styles cover common UI patterns, from minimal floating buttons to more visible callouts. You can start with a style that already fits your layout, then adjust details to match your brand.

Pre Designed Button Styles

You can fully customize the Scroll to Top button to look and feel like part of your website. Change colors, typography, size, shape, borders, shadows, spacing, and hover states. This makes it easy to align the widget with your existing UI system and keep a consistent visual experience across pages.

Complete Scroll to Top Design Customization

The Scroll to Top widget is fully responsive, meaning it works smoothly on desktops, tablets, and smartphones. The button scales correctly, stays in an accessible position, and remains easy to click or tap on smaller screens. This helps visitors navigate long pages comfortably no matter which device they use.

Responsive Scroll to Top on Desktop and Mobile

Choose exactly where the Scroll to Top button appears on your page, such as the bottom right, bottom left, or another placement that fits your layout. This lets you keep the button visible when users need it, while avoiding overlap with other elements like chat bubbles, banners, or sticky menus.

Adjustable Scroll to Top Button Position

The widget includes a selection of clear expand icons, like arrows, chevrons, and other familiar “go up” indicators. You can pick the icon that best matches your website’s style and makes the action obvious to visitors. A well chosen icon improves discoverability and reduces hesitation when users want to return to the top.

Scroll to Top Icon Choices

Scroll to Top supports several layout formats, giving you flexibility based on your site’s structure. You can use a simple floating button for subtle navigation support, or choose a more emphasized layout for content heavy pages. This helps you control how noticeable the widget is, depending on your UX goals.

Multiple Scroll to Top Layout Variations

The Scroll to Top widget is easy to set up through a user friendly editor. You can add the button, choose its style, adjust behavior, and customize its appearance in minutes. No coding is required, so anyone on your team can manage it without developer support.

No Code Scroll to Top Setup

For developers and advanced designers, the widget supports custom CSS. This allows you to fine tune styling beyond the built in controls, including precise spacing, transitions, animations, and responsive tweaks. Custom CSS makes it possible to match complex design systems or create a fully unique Scroll to Top experience.

Custom CSS for Advanced Scroll to Top Styling

Adding the Scroll to Top to your website takes only one line of embed code. Just copy the snippet from the editor and paste it into your site’s HTML where you want the button to load, such as the footer, header, or inside a global layout block. After it’s embedded, any update you make in the Scroll to Top widget editor appears on your live site automatically, so you never need to re copy the code or install it again.

Easy to Embed Scroll to Top Button

The Scroll to Top button gives visitors a quick way to return to the top without repeated scrolling. It’s especially useful on pages with lots of content, where getting back to the start can take time.

Easier navigation on long pages

By reducing effort and friction, Scroll to Top helps visitors move through your site more comfortably. Small improvements like this support clearer navigation and better page usability.

Smoother browsing experience

When users can jump back to the top instantly, they’re more likely to continue exploring other sections and pages. The Scroll to Top widget supports a more fluid browsing path, which can lead to longer session time.

Encourage deeper engagement

Use the Scroll to Top on long pages where you want getting back to the start to be quick and effortless. On content heavy pages, especially on mobile, scrolling upward for a long distance can feel frustrating and can interrupt the browsing flow. When a Scroll to Top button appears after someone scrolls down, it gives a clear shortcut back to the top navigation, search area, or primary section of the page. This keeps navigation simple and helps visitors continue exploring instead of stopping because the page feels too long. It works well for blogs, documentation, ecommerce catalogs, one page sites, and any layout built around multiple scrolling sections.

Scroll to Top

Present a carousel display featuring creative banners items

Example 5

The Creative Card Carousel widget comes with the option to change the carousel’s cards sizes — from small, to large, vertical, or horizontal, you make the widget fit your specific needs.

Card Size

With the option to change the arrow types of the slider, and the pagination icons below, you can further customize the widget and make it fit your design requirements.

Arrows & Pagination

The widget comes with the options to control the speed at which the cards slide, and how much time should be spent on the cards. You can use these options to tailor your user’s experience.

Slider Speed & Time Per Slide

The Creative Card Carousel widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style.

The widget comes with a variety of pre-made skins you can choose from to speed up your work.

The Creative Card Carousel widget features full customization options so you can edit the design to fit your needs. Change the colors, the fonts, the spacing, and anything else!

The Creative Card Carousel widget is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors.

The Creative Card Carousel widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget any way you’d like to with just a few simple clicks.

As with all of Common Ninja’s apps, you can add custom CSS to customize the Banner Carousel widget and be even more creative.

You can embed the widget on your website easily by copying a single line of code. The Banner Carousel widget will also be updated automatically with every change you make.

With the Creative Card Carousel widget, you can enhance your website’s design by selecting beautiful cards, and with the ability to change their sizes, and the slider’s options, you will be able to create a Creative Card Carousel that is perfect for your website.

Enhance Design with Creative Card Carousel

A major benefit of the Creative Card Carousel is that it doesn’t take up much space. Unlike Card grids that take up a lot of space, the Creative Card Carousel can show as many banners as you want, from within a fixed position, and in an interactive manner. Additionally, you can create different carousels for different categories, and avoid building additional pages for different categories.

Save Space on your webpage

The Creative Card Carousel widget is a perfect way to grab the attention of visitors and encourage them to interact with your website, and with the CTA button, you can improve your conversion rates.

Increased Engagement & Conversions

Use the Creative Card Carousel widget when you have several announcements or promotions that deserve strong visual treatment. Each banner can highlight a different campaign, discount, launch, or content piece with bold imagery and clear copy. Instead of showing only one hero at a time or stacking many large sections, you rotate them in a single, eye catching area. This keeps your message focused while still giving room for seasonal offers and experiments. It performs well on store homepages, marketing landing pages, and hubs where you run frequent campaigns. By pairing banners with clear calls to action, you create a dynamic, conversion oriented marketing strip.

Creative Card Carousel

Lists & Cards

Display the latest posts from your Pinterest feed

Style 1

Style 2

Style 3

Style 4

Style 5

Your page will look more lively with Pinterest Feed's "ticker" animation that mimics an old news ticker. It can be used to grab the user's attention immediately.

Animated Ticker

By displaying the Pinterest feeds' date and time in various ways, you can further customize the Pinterest Feed widget.

Pinterest  Feed Display settings for date and time

The Pinterest Feed widget has the “auto-refresh” option which, when toggled, keeps refreshing and updating the feed with new posts.

The Pinterest Feed Refresh Automatically

Two different feed types are available in the Pinterest Feed widget — Tabs and Mixed. The Tabs type keeps all your tabs organized by order of feed, while the Mixed type, mixes the various Pinterest feeds to create a diverse feed.

Types of Pinterest feed

You can easily customize the characters' length to save space and make the Pinterest Feed widget more compact.

You can customize the length of the character display

The Pinterest Feed widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style.

Various beautiful skins are available for the Pinterest Feed widget, so you don't have to spend much time customizing it.

Multiple Pinterest  feed Skins

The Pinterest Feed widget supports right-to-left writing. Increase the number of global users who can access your news.

Full RTL Support

The Pinterest Feed widget offers full customization options so you can make it fit your needs. Change the colors, the fonts, the spacing and anything else!

Fully Customizable Pinterest Feed

Use the Pinterest Feed widget when your brand uses Pinterest to share ideas, products, or inspiration and you want that visual momentum inside your site. A live feed pulls your latest pins into a clean gallery, keeping pages fresh and encouraging exploration without manual updates. This is ideal for ecommerce, design, lifestyle, food, DIY, and travel brands where visuals drive decisions. Visitors can browse boards and pins in context, then click through if something catches their eye. The feed reinforces your style, shows ongoing activity, and turns your site into a richer discovery space. It also helps convert casual browsers into followers who want more inspiration over time.

MODX MaxCDN Toolkit

MODX extra

App Details

Pricing

App Info

Some of the best Common Ninja extras for MODX

Vimeo Slider

Airbnb Reviews

Social Share Buttons

Social Proof Avatars

Scroll to Top

Creative Card Carousel

Pinterest Feed

Capterra Reviews

MP3 Player

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine

MODX MaxCDN Toolkit

MODX extra

App Details

Pricing

Check Out the Vimeo Slider Widget

App Info

Some of the best Common Ninja extras for MODX

Vimeo Slider

Airbnb Reviews

Social Share Buttons

Social Proof Avatars

Scroll to Top

Creative Card Carousel

Pinterest Feed

Capterra Reviews

MP3 Player

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine