<p>The Media Manager is a MODX Extra replacing the default Media Browser with an enterprise-grade media management solution.</p> <p>Features</p> <ul> <li>Fully responsive</li> <li>Built on jQuery and Bootstrap for easier future development</li> <li>Fully database driven</li> <li>Virtual categories, instead of folders to allow a file to be in multiple categories</li> <li>Tag support</li> <li>Version control for your media</li> <li>Image editing features, including resizing and cropping</li> <li>Ability to publish/unpublish media with reference-checking</li> <li>Support for TinyMCE, TV&apos;s, ContentBlocks</li> <li>Metadata for images out of the box: id, version, filename, version, author, dimensions (original + cropped image size), category, tags)</li> <li>Unlimited additional metadata (like TV&apos;s for images!)</li> <li>MODX ACL for removing/archiving images</li> </ul>

Sterc Agency

Media Manager &#91;BETA&#93;

Embed player for Lottie files to add customizable animations

Example 1

Example 2

Example 3

Example 4

The Lottie Player widget comes with the option to add URLs to the animations and make them clickable. This functionality provides an interactive experience for users, potentially increasing user engagement and conversion rates.

Linkable Lottie Animations

The Lottie Player widget enables the toggle of a “reverse animation” option that will reverse the animation, offering additional creative possibilities and enhancing the versatility of your animations.

Reverse Animation

The Lottie Player comes with advanced control that enables the control of speed, and toggling the option to loop, providing further customization options to ensure your animations align with your brand and website vision.

Animation Speed & Loop Controls

The widget features the option to choose when to play the Lottie animation, be it on hover, scroll, view, or auto-play, allowing for seamless integration into your website's user experience.

“When To Play” Controls

The Lottie Player 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 by ensuring your animations display flawlessly across platforms.

Perfectly Responsive Lottie Player

The Lottie Player 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 Lottie Player any way you’d like to with just a few simple clicks, making it accessible to users of all skill levels.

Easy To Use

As with all of Common Ninja’s apps, you can add custom CSS to customize the Lottie Player widget and be even more creative, giving you full control over the appearance and style of your animations.

Lottie Player Custom CSS

You can embed the Lottie Player widget on your website easily by copying a single line of code. The Lottie Player widget will also be updated automatically with every change you make, ensuring a hassle-free experience and consistently up-to-date content.

Easy To Embed Lottie Player

With the Lottie Player, you can add professional, beautiful, and eye-catching animations to your website, making it more appealing to users and increasing the user’s engagement with your website. Furthermore, these animations can effectively communicate your brand message, helping you build a stronger connection with your audience.

Improved User Engagement with Lottie Animations

Lottie animations are lightweight and optimized for the web, which means they won't slow down your website's load times. In today’s world, when every loading speed second counts, the faster loading times can be what separates you from the competition. Additionally, improved performance can lead to a better user experience and higher search engine rankings.

Faster Page Load Time

Lottie animations are designed by professional animators, resulting in high-quality and visually appealing animations. You will be able to save time and money on creating beautiful animations, and make use of what other professionals have created. Plus, these animations are easily customizable, allowing you to align them perfectly with your brand identity and website aesthetics.

High-Quality Animations

Lottie Player

Get Creative

Media

Present Google reviews for your business on your website

With speech bubbles, text, and other information neatly organized on a grid, the presentation of the reviews can not only be useful, but visually impressive.

Immersive and Aesthetically Pleasing Presentation

It is much easier to follow information if it is presented in a chronological way, divided, and compartmentalized. By choosing the right layout, font, and size you can do just that.

Chronological and Easy to Follow

Style 3

With full customization options, it is possible to create stunning pages or sections filled with eye-catching reviews that users will love to read.

A Work of Art in Its Own Right

Style 5

The Google Reviews widget is a powerful tool that allows you to showcase customer reviews on your website. With three review types to choose from - Carousel, Grid, and List - you have the flexibility to tailor the appearance of your reviews to fit your website's design and aesthetic. Whether you want to display a series of rotating testimonials in a carousel format, present a grid of reviews in a visually appealing way, or simply list out customer feedback in a straightforward manner, the Google Reviews widget has you covered. Plus, with the ability to customize the appearance of your reviews to match your branding, you can ensure that your customer feedback is seamlessly integrated into your website.

Different Review Types

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

Google Reviews Filter

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

Manually Reviews Approval

The Google Reviews widget features additional filtering options in the form of keyword inclusion or exclusion — ideal for specific products or services.

Include or Exclude Keywords

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

Reviews Sorting Options

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

Multiple Reviews Widget Layouts

With full customization options, you can easily edit the design of the widget to match the look and feel of your website. You can change the colors, fonts, spacing, and any other visual elements to create a cohesive and professional appearance. Not only does this help to improve the user experience on your site, but it also helps to build trust and credibility with your audience.

Multiple Google Reviews Skins

Fully Customizable Google Reviews Widget

The Google Reviews widget is a valuable tool for any website. Not only is it fully responsive, meaning it will adjust seamlessly to fit the screen size of any device, but it also has a sleek and modern design that will enhance the overall look of your site. In a world where more and more people are accessing the internet through their phones and tablets, it is crucial to have a website that is optimized for mobile viewing. The Google Reviews widget will allow you to do just that, giving you an edge over competitors.

Perfectly Responsive Google Reviews

The Google 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 Google Reviews

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Google Reviews widget. With this feature, you can easily customize every aspect of the widget's look and feel, from the colors and fonts to the layout and positioning. But if you're feeling particularly creative, you can take your customization to the next level by editing the CSS directly. This gives you the ability to make even more advanced changes to the widget, allowing you to make it your own. Whether you want to make a few simple tweaks or go all out with advanced customizations, our advanced editor has you covered.

Google Reviews Widget Custom CSS

To embed the Google Reviews widget on your website, simply copy and paste the provided code snippet into the HTML of your webpage. Additionally, the widget is designed to be self-updating, meaning that any changes you make to the Google Reviews Editor will be reflected automatically on your website without the need for any additional manual updates.

Easy To Embed Google Reviews Widget

Google reviews are considered to be trustful and can have a big impact on a user's decision of whether to use your product or service. Thereby, having those reviews clearly displayed on your website via the Google Reviews widget will be absolutely beneficial.

Increase Credibility & Trust with Google Reviews

By clearly displaying your good Google reviews and increasing trust in your product or service, you will be able to help undecided users to make the decision to become paying customers quicker.

Use Google Reviews to Drive Sales Up Quicker

The Google Reviews 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 With Google Reviews Widget

Google Reviews

Reviews

Example 5

The Process widget allows you to choose a vertical or horizontal Process display to help you tailor the design to your specific needs. Customize your Process widget's layout by selecting the orientation that best fits your website's design and user experience.

Vertical & Horizontal Process display

The Process widget features a variety of hover effects that you can choose from to make your content more unique, visually appealing, and engaging. Draw users in by selecting unique and visually appealing hover effects that set your content apart from the competition.

Choose from Various Hover Effects

The Process widget comes with the ability to add images to individual items on the Process, allowing you to make it more visually appealing, eye-catching, and easier to understand. Improve content comprehension and create a more visually engaging experience by incorporating images into your Process widget.

Enhance Your Process with Images

The Process widget comes available with multiple skins that you can choose from to make sure it fits your overall website design and style. Choose from a wide variety of pre-designed skins to ensure the Process widget aligns with your website's overall style and design.

Select from Multiple Skins for the Process Widget

The Process 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! Personalize every aspect of your Process widget, from colors and fonts to spacing and more, creating a truly unique and tailored experience.

Unleash Your Creativity

The Process 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. Stay ahead of the competition with a Process widget that looks great and functions seamlessly on any device, in any screen size.

Process Widget Responsive Design for All Screens

The Process 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. Customize your Process widget effortlessly using our user-friendly, drag-and-drop dashboard that makes adjustments a breeze.

Easy To Use Process widget

As with all of Common Ninja’s widgets, you can add custom CSS to customize the Process widget and be even more creative. For users with coding skills, enhance the Process widget even further by adding custom CSS to achieve the perfect design.

Add Your Personal Touch with Custom CSS

You can embed the Process widget on your website easily by copying a single line of code. The Process widget will also be updated automatically with every change you make. Effortlessly integrate the Process widget into your website and enjoy automatic updates with just a single line of code.

Easy embed of the Process widget

With the Process widget, you can organize and present information in an organized order, making it easier for your users to understand the content on your website. Clearly convey your message and improve user experience by displaying content in a structured and visually appealing manner.

Better Organization and Navigation

The Process widget can help make your website more interactive and engaging for users, encouraging them to explore the content and spend more time on your site. Captivate your audience by incorporating the interactive Process widget, which encourages users to explore and engage with your content.

Make Your Website More Engaging

The Process widget can add a visually appealing element to the website, making it more attractive and memorable for visitors. Leave a lasting impression on your visitors with a beautifully designed Process widget that elevates your website's overall appearance.

Visually Appealing Process Display

Process

Website Components

Create interactive, customizable flashcards for quizzes, training, and learning on any website.

The Flash Cards widget allows you to easily create questions and answers for each card, making it perfect for quizzes, study guides, and interactive learning experiences. You can enter a question or term, followed by a detailed answer, giving you full control over the content. This simplicity ensures that anyone—whether an educator, business trainer, or content creator—can design effective flashcards without needing technical skills.

Easy Question and Answer Creation

The Flashcards widget includes a progress tracking feature that shows users how many cards they've completed and how far they have to go. This visual progress indicator keeps users motivated and engaged, helping them track their learning or quiz journey in real time.

Progress Tracking with Flashcards

With the Flash Cards widget, you can enable an auto-play mode that advances cards automatically after a set time. This is perfect for timed study sessions or quizzes, allowing users to focus on the content without needing to manually navigate each card, providing a smooth and uninterrupted experience.

Auto-Play Mode with Timed Sessions

The Flash Cards widget includes a review feature, letting users go back and review their answers after completing the set. This allows learners or quiz takers to assess their performance and correct any mistakes, reinforcing the learning process or identifying areas for improvement.

Review and Answer Reveal

Once users complete the flashcards, the Flash Cards widget displays an interactive end screen showing their results. This screen can display completion percentages, performance summaries, and options to review answers or retake the quiz, giving users valuable feedback and a sense of accomplishment.

Interactive End Screen for Flash Cards

The Flashcards widget offers a variety of pre-designed skins, allowing you to choose a style that fits seamlessly with your website's aesthetics. Whether you prefer a minimalist look or something more vibrant, the skins save you time by reducing the need for extensive customization, ensuring a visually cohesive and attractive presentation.

Select from Multiple Flashcards Design Skins

The Flash Cards widget offers extensive customization options, allowing you to tailor the design to match your website’s aesthetic. You can modify the colors, fonts, and card styles to ensure that the widget aligns seamlessly with your branding. This flexibility allows you to create a unique and visually appealing flash card experience for your users.

Fully Customizable Flash Cards Widget

The Flash Cards widget is fully responsive, ensuring it works flawlessly on any device, including desktops, tablets, and mobile phones. This feature guarantees that your users can interact with the flashcards in an optimal format no matter what device they’re using, enhancing accessibility and user experience.

Perfectly Responsive Flash Cards Widget

The Flash Cards widget is designed with ease of use in mind. You don’t need any coding experience to set it up or customize it. Its intuitive interface allows you to quickly create flashcards, adjust settings, and personalize the widget with just a few clicks, making it accessible to users of all technical backgrounds.

Easy to Use Flash Cards Widget

For users with more advanced design needs, the Flash Cards widget allows the addition of custom CSS. This feature provides designers and developers with the freedom to make deeper customizations, giving them the ability to enhance the look and feel of the flashcards while keeping the functionality intact.

Custom CSS for Enhanced Creativity

Embedding the Flash Cards widget on your website is straightforward, requiring just a single line of code. Once embedded, the widget automatically updates with any changes you make, ensuring that your flashcards are always up-to-date without the need for manual intervention or extra effort. This makes maintenance hassle-free for site owners.

Effortless Embedding of Flash Cards on Any Website

The Flashcards widget allows you to present information in bite-sized, easy-to-digest chunks, which significantly enhances knowledge retention. Perfect for educational content, employee training, or product knowledge, the interactive format helps users absorb and recall key information more effectively.

Improve Knowledge Retention for Your Audience

By incorporating flashcards into your content strategy, you can create engaging, shareable learning tools that draw new visitors to your website. Students, educators, or professionals can easily recommend these flashcards to peers, helping you organically increase traffic and expand your reach.

Drive Traffic with Shareable Learning Content

Whether you're building an e-learning platform, offering online courses, or conducting corporate training, the Flash Cards widget helps elevate the overall learning experience. It offers a more engaging way to review content, allowing users to test their knowledge and track progress in a dynamic and personalized way.

Elevate Learning and Training Experiences

Flash Cards

Gaming

User Engagement

New!

A button placed at the bottom of a webpage that, when clicked, scrolls the page back to the top

The Back to Top Button widget comes with an option to change the position of the button (right, left, center), which will allow you to customize it to fit your specific needs. This flexibility ensures that the button blends seamlessly with the overall design of your website, making it an essential tool for improving user experience and navigation.

Easy Button Position Change

The Back to Top Button widget features different arrow icons you can choose from. Simply select the one that will complement your website’s design. This customization option provides the flexibility to match the button to your website’s aesthetic, creating a seamless and visually appealing user interface.

Different Icon Types

The Back to Top Button widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style. With this versatility in design options, you can seamlessly integrate your brand's aesthetic into your website while maintaining a polished look.

Back to The Top button Multiple Layouts

The Back to Top Button 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. And even if you decide to customize the widget further, its user-friendly interface makes it easy for you to personalize it to match your website's unique style and aesthetic.



Multiple Skins for the Back to Top button

The Back to Top Button widget is designed to be fully customizable, allowing you to adjust the design to match the look and feel of your website. With various customization options at your fingertips, you can easily change the colors, fonts, spacing, and other elements to create a button that fits seamlessly into your website design. Whether you're looking to match your brand colors, create a unique look, or personalize your website, the Back to Top Button widget provides you with all the tools you need to get the job done. Additionally, with the ability to preview your changes in real time, you can easily experiment with different styles and design elements until you find the perfect combination that fits your needs and enhances the user experience on your website.

Fully Customizable Widget

The Back to Top Button widget is designed to provide a seamless user experience on any device. With its fully responsive design, the button will look great and function smoothly on desktop computers, laptops, tablets, and smartphones. This is especially important in today's mobile-first world where more and more people are using their smartphones and other mobile devices to browse the web. By ensuring that your website is optimized for all devices, you'll improve the user experience for your visitors and stay ahead of your competitors in terms of functionality and design. With the Back to Top Button widget, you'll be able to provide your visitors with a fast, easy, and intuitive way to navigate your website no matter what device they use.

Perfectly Responsive Widget

The Back to Top Button 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 Widget

In addition to the built-in customization options, the Back to Top Button widget allows you to add your custom CSS to enhance the button further and make it truly unique. Whether you're a seasoned developer or simply looking to get creative, the ability to add custom CSS gives you the power to take your website design to the next level. With custom CSS, you can change the button's size, shape, and positioning, or even create entirely new styles from scratch. The possibilities are endless, and with some creativity, you can make the Back to Top Button widget your own. This level of customization allows you to create a button that fits perfectly with the look and feel of your website and enhances the overall user experience for your visitors. Whether you're looking to create a sleek, modern design or a more traditional, classic look, the Back to Top Button widget and its custom CSS capabilities give you the tools you need to make it happen.

Back to Top button Custom CSS

You can embed the Back To Top button on your website easily by copying a single line of code. The Back to Top Button widget will also be updated automatically with every change you make.
Copy the code for the button and paste it into your website's HTML code. The code should be placed in the appropriate section of your website, such as the footer or header.



Easy To Embed Back to Top button

The Back to Top button provides users with easier on-site navigation as with a simple click, they will be transformed back to the top of the page. This is ideal for pages where there’s a lot of text, and scrolling back up may be an annoyance.

Easy Navigation with Back to Top button

The improved navigation that the Back to Top button offers will undoubtedly improve the users’ experience on your website, encouraging them to come and visit your website again. Additionally, the added convenience of quickly returning to the top of the page with just one click can save time and effort for the user, further enhancing their overall experience on your website.

Improved User Experience

With simple navigation to the top of the page, users will be able to engage with other elements on your website, for example, with call-to-action buttons, additional links, videos, images, and more. This, in turn, can lead to increased engagement, higher conversion rates, and ultimately, a boost in overall website success.

Use a Back to Top button for More Engagement

Back to Top Button

Popups, Bars & Buttons

The All in One Reviews widget aggregates and displays reviews from various platforms seamlessly.

The All in One Reviews widget consolidates reviews from Google, Airbnb, Amazon, TripAdvisor, Yelp, G2, AliExpress, eBay, Etsy, App Store, Capterra, Google Play, SiteJabber, and Glassdoor. This ensures comprehensive feedback is displayed on your website, enhancing credibility and trust.

Multi-Source Review Aggregation

The All in One Reviews widget offers three review display options: Carousel, Grid, and List. This allows you to tailor the appearance of reviews to match your website’s design, whether you prefer rotating testimonials, a visually appealing grid, or a straightforward list. Customizing the look of reviews to fit your branding ensures seamless integration into your site.

All in One Reviews: Different Review Types

The All in One Reviews widget allows for keyword filtering, enabling you to include or exclude specific terms. This feature helps highlight reviews relevant to particular products or services.

The All in One Reviews widget includes advanced filtering options, such as setting a minimum star rating for reviews. This ensures that only the most positive feedback is displayed on your website.


Reviews Filter

With the All in One Reviews widget, you can manually approve reviews before they appear on your site. This feature guarantees that only appropriate and high-quality content is showcased.

Manual Reviews Approval

The All in One Reviews widget offers sorting options to display reviews by the oldest or newest. This customization allows you to control the order in which feedback is presented.

All in One Reviews: Sorting Options

The All in One Reviews widget comes with multiple layout options to fit your website's design. Choose the one that best matches your aesthetic and functional needs.

Variety of Reviews Layouts

The All in One Reviews widget offers various beautiful skins to seamlessly align with your brand. This feature enhances visual appeal and reduces customization time.

Select from Multiple Reviews Design Skins

The All in One Reviews widget provides extensive customization options, allowing you to modify colors, fonts, spacing, and more to match your website’s unique style.

Fully Customizable All in One Reviews Widget

The All in One Reviews widget is fully responsive, ensuring it displays elegantly on any device, providing a consistent user experience across all platforms.

Perfectly Responsive All in One Reviews

Designed for user-friendliness, the All in One Reviews widget requires no coding expertise. Its intuitive dashboard makes customization simple and accessible for everyone.

Easy to Use All in One Reviews Widget

The All in One Reviews widget allows for custom CSS, offering developers and designers the flexibility to apply unique touches and deeper customization to match specific styles and interaction needs.

Embedding the All in One Reviews widget is straightforward, requiring just a single line of code. It updates automatically with every change, ensuring hassle-free maintenance and the latest version is always displayed.

Effortless Embedding of All in One Reviews on Any Website

Integrating the All in One Reviews widget on your website showcases customer reviews from multiple sources, enhancing your brand's credibility. This consolidated view of feedback helps potential customers make informed decisions, ultimately increasing trust and conversions.

All in One Reviews Boosts Customer Trust and Credibility

The All in One Reviews widget simplifies the management of customer feedback by aggregating reviews from different sources into one place. This centralization saves time and effort, allowing you to focus on responding to customer feedback and improving your services.

Streamlines Review Management with All in One Reviews

Showcasing positive customer feedback through the All in One Reviews widget can directly influence purchasing decisions. Potential customers are more likely to convert when they see genuine, positive experiences from others, leading to increased sales and revenue.

Increases Sales and Conversion Rates with All in One Reviews

All in One Reviews

Show image and company branches cards that, when clicked, flip to reveal additional content on the other side


The Company Branch Flip Cards widget comes available with six different layouts that can fit any design, from smaller images and larger text to images on the side, in circles, squares, and more!

Multiple Layouts

The Company Branch Flip Cards widget features the ability to add icons, instead of images, and sports a large selection of icons that can be used.

A Large Selection of Icons

The Company Branch Flip Cards widget allows you to add locations, working hours easily, and supplementary symbols, such as WiFi availability, handicap access, and others, to improve your users’ experience with quickly and visually accessible information about the branches.

Media Manager [BETA]

MODX extra

App Details

Pricing

App Info

Some of the best Common Ninja extras for MODX

Lottie Player

Google Reviews

Process

Flash Cards

Back to Top Button

All in One Reviews

Company Branch Flip Cards

Ratio

Social Proof

Bluesky Feed Carousel

eBay Reviews

Social Proof Avatars

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Media Manager &#91;BETA&#93;

MODX extra

App Details

Pricing

Check Out the Lottie Player Widget

App Info

Some of the best Common Ninja extras for MODX

Lottie Player

Google Reviews

Process

Flash Cards

Back to Top Button

All in One Reviews

Company Branch Flip Cards

Ratio

Social Proof

Bluesky Feed Carousel

eBay Reviews

Social Proof Avatars

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Media Manager [BETA]