<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

Easily craft, customize, and integrate flow charts on your website.

The Diagrams widget offers a versatile range of shapes to represent your information best. Choose from rectangles, ellipses, or triangles to create distinct visuals. Whether you're outlining a process, highlighting key points, or showcasing a hierarchy, these shapes ensure your diagrams are both functional and aesthetically pleasing.

Shape Variety at Your Fingertips

Tailor the connections between your shapes with a variety of connector types. Whether you prefer the artistic curves of bezier, the simplicity of a straight line, or the elegance of smooth steps, the Diagrams widget has you covered. This feature allows you to design diagrams that are both clear in conveying information and visually engaging.



Flexible Connection Choices

Breathe life into your diagrams with animated connectors. This feature gives the illusion of data streaming from one shape to another, adding a dynamic touch to your visuals and making your diagrams more engaging for the audience.

Dynamic Connector Animations

Enhance the clarity of your diagrams with the addition of labels and tooltips. Attach descriptive labels to your connectors to provide context, and use tooltips on shapes to offer additional information on hover. This ensures that your audience receives a comprehensive understanding of the content, all while interacting with the diagram.

Informative Labels and Tooltips

Add clarity to the flow of your diagrams with customizable connector arrows. The Diagrams widget lets you set arrows at the start, end, or both ends of your connectors. This ensures that your audience can easily follow the direction and flow of information, making your diagrams more intuitive and user-friendly.

Directional Arrow Options

Elevate the visual appeal of your diagrams by embedding images directly into your chosen shapes. Whether it's a logo, an icon, or any relevant image, this feature enhances the informational and visual value of your diagrams. By combining imagery with textual content, you can create a more immersive and informative experience for your website visitors.

Embed Images Within Shapes

Tailor the look of your diagrams with a variety of skins. Whether you're aiming for a modern, classic, or unique aesthetic, the Diagrams widget offers multiple designs to align with your website's theme and your personal preferences.

Diverse Aesthetic Skins

Dive into a world of endless possibilities with the Diagrams widget. Designed to be fully customizable, it empowers you to tweak every aspect, from shapes and connectors to skins and animations. This ensures that your diagrams not only serve their purpose but also resonate with your brand and vision, making your website truly stand out.

Complete Customization Control

Experience simplicity at its best with the Diagrams widget. Designed with users in mind, its intuitive interface ensures that creating and modifying diagrams is a breeze, even for those new to the world of web design.

User-Friendly Interface

Ensure a seamless viewing experience across devices with the Diagrams widget. Whether accessed from a desktop, tablet, or smartphone, the widget adjusts perfectly, guaranteeing that your diagrams look impeccable every time.

Adaptable Responsiveness

Unleash your creativity and tailor the Diagrams widget to your exact specifications using custom CSS. This feature allows for deeper customization, ensuring that your diagrams not only function well but also align perfectly with your website's design.

Customize with CSS

Embedding the Diagrams widget into your website is as simple as copying and pasting a code. With its straightforward integration process, you can quickly enhance your site with interactive diagrams without any technical hurdles.

Effortless Integration

Relying solely on text can make content monotonous. By integrating diagrams and flow charts, site owners can diversify their content presentation, catering to a broader audience. Some visitors prefer visual explanations over textual ones, and offering both can cater to varied learning styles, ensuring a more inclusive user experience.

Diversified Content Presentation

Visual aids, such as diagrams and flow charts, are known to improve content retention among users. By presenting information visually, site owners can ensure that their content is not only understood but also remembered by visitors. This can lead to better brand recall and a stronger connection with the audience.

Enhance Content Retention

A well-organized website with clear visuals, like diagrams and flow charts, can elevate the site's professionalism. Visitors often associate such visual aids with thorough research and expertise, enhancing the site's credibility and making them more likely to trust and return to your content.

Increas Professionalism and Credibility

Diagrams

Get Creative

Website Components

Display the latest posts from your WordPress site

You can show your feed in a gallery format, with no other distractions, to create a truly immersive experience for your visitors. 


An Immersive Experience

With a short, teasing sentence, and enticing images, it’s easy to encourage users to click on the feed to learn and read more about a particular topic. 

An Invitation to Explore

You can also present your feeds in a more detailed manner, to inform your users, and encourage them to read the desired posts.

Detailed Information for Better Decisions

Style 4

Style 5

The WordPress Feed widget comes with a “ticker” animation that imitates an old news ticker and adds a sense of action to your page. Use it to immediately grab the user’s attention.

Ticker Animation

There are various options for displaying the date and time of the feeds — an option that will enable you to further customize the WordPress Feed widget according to your needs, and the preferences of your visitors.

Date & Time Display Settings

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

Auto Refresh

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

Different Feed Types

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

Customize Character Display Length

The WordPress Feed 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 WordPress Feed 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 WordPress Feed widget provides full RTL support for those who write from right to left. Make your news accessible to more users from all over the world.

Full RTL Support

The WordPress  Feed 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 WordPress Feed 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 WordPress Feed 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 WordPress Feed Widget

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

Custom CSS

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

Easy To Embed

Using the WordPress Feed widget, you can organize and group WordPress feeds into one page, making them more accessible and faster to access.

Group WordPress Feeds

You can make it easier for your readers to access WordPress feeds by grouping them on one page. 

Improve User Experience

You can customize the WordPress Feed widget to enhance the look and feel of your site. Adding a gentle "ticker" animation to your page can enhance its design.

Enhance Design

WordPress Feed

Social Feeds

Present Facebook reviews for your business on your website

The Facebook Reviews widget is a robust tool that enables you to display customer reviews on your website. With three review styles to choose from - Carousel, Grid, and List - you can customize the presentation of your reviews to match your website's design and aesthetics. Display a series of rotating testimonials in a carousel format, showcase a grid of reviews in an eye-catching way, or simply list customer feedback in a straightforward fashion with the Facebook Reviews widget. Additionally, you can tailor the appearance of your reviews to align with your branding, ensuring seamless integration into your website.

Various Review Styles

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



Facebook Reviews Filter

With a simple toggle, you can ensure that you manually approve all reviews displayed on the Facebook Reviews widget.

Facebook Reviews - Manual Review Approval

The Facebook Reviews widget provides multiple layout options to ensure compatibility with your website's design and style.

Include or Exclude Keywords

Customize your display with sorting options that allow you to show reviews by the oldest or newest submissions.

Review Sorting Choices

The Facebook Reviews widget provides multiple layout options to ensure compatibility with your website's design and style.



Multiple Widget Layouts

With comprehensive customization choices, effortlessly adapt the widget's design to align with your website's aesthetics. Modify colors, fonts, spacing, and other visual components to achieve a unified and polished look. This not only enhances the user experience on your site but also fosters trust and credibility among your audience.

The fully responsive Facebook Reviews widget adjusts seamlessly to fit the screen size of any device, providing a sleek and modern design that enhances your site's overall appearance.

The Facebook Reviews widget requires no coding knowledge and features an intuitive dashboard with drag-and-drop functionality for easy customization.

Easy To Use

With our advanced editor, you can make even more advanced customizations to the widget by editing the CSS directly, allowing you to create a truly unique design.

Custom CSS Capabilities

Simply copy and paste the provided code snippet into your webpage's HTML to embed the self-updating Facebook Reviews widget on your website.



Effortless Widget Embedding

Facebook reviews are widely regarded as trustworthy and can significantly influence a user's choice to utilize your product or service. As a result, showcasing these reviews on your website through the Facebook Reviews widget is highly advantageous.

Boost Trust & Credibility with Facebook Reviews

By prominently displaying your positive Facebook reviews and building trust in your product or service, you can more swiftly guide undecided users to become paying customers.

Accelerate Sales Growth with Facebook Reviews

The comprehensive customization options of the Facebook Reviews widget allow you to select from various review formats, layouts, skins, fonts, colors, and more, ensuring that the reviews seamlessly blend with your website's design.

Elevate Design with the Facebook Reviews Widget

Facebook Reviews

Reviews

New!

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

Example 1

Example 2

Example 3

Example 4

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

Example 5

The Quotes Carousel widget comes with the option to change the carousel’s sizes — from small, to large, vertical, or horizontal, you make the widget fit your specific needs.
This flexibility allows you to showcase quotes in various ways, depending on the layout and design of your website. Whether you want to highlight a single quote or display multiple quotes at once, the Quotes Carousel widget can accommodate your needs. With the ability to customize the size, the Quotes Carousel widget gives you complete control over how you present quotes on your website.

Carousel Size

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

Quotes Carousel Arrows & Pagination

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

Slider Speed & Time Per Slide

The Quotes Carousel widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style.
This allows you to create a cohesive look and feel across your website by matching the Quotes Carousel widget's design with the rest of the elements on your website.

The Quotes Carousel widget comes with the option to choose from three types of quote displays — with quote marks, highlighted, or standard.
This feature allows you to present quotes in a way that best suits your website's design and the type of quotes you're featuring. With these different display options, the Quotes Carousel widget allows you to present quotes in a way that is most effective and impactful for your audience and to provide a unique visual experience for your visitors, and make your website stand out.

Multiple Quotes Types

You can choose from a large selection of premade skins to kick-start your design process.
This feature saves you time and effort by providing a variety of ready-made skins that you can use as a starting point for your design. The premade skins have been carefully crafted to suit different website styles and themes, and you can easily customize them to match your brand's colors, fonts, and overall aesthetic. This way, you don't have to start from scratch when designing your Quotes Carousel widget; you can pick a skin closest to your desired design and make minor adjustments to make it perfect for your website. Furthermore, having a variety of premade skins also means that you have a more comprehensive range of options to choose from, ensuring that you'll find one perfect for your website.

Multiple Quotes Carousel Skins

The Quotes 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!
This gives you complete control over the widget's appearance, ensuring that it perfectly matches the design of your website. With the ability to customize all aspects of the Quotes Carousel widget, you can make it stand out or blend seamlessly with the rest of your website. Furthermore, the customization options allow you to create a unique and personalized experience for your visitors. You can also use it to match your brand's visual identity, making it consistent across all website pages. In addition to design, you can customize other features such as the transition effects, the layouts, and the quote displays. All in all, the Quotes Carousel widget provides a wide range of customization options, giving you the freedom to create a truly unique and engaging experience for your visitors.

Fully Customizable Quotes Carousel Widget

The Quotes 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. With more and more people accessing the internet through their smartphones and tablets, your website must be optimized for mobile devices.

Perfectly Responsive Quotes Carousel widget

The Quotes 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 widgets, the Quotes Carousel widget also provides the option to add custom CSS, which allows you to take your customization to the next level and be even more creative. Custom CSS will enable you to create custom styles and design elements that are unavailable through built-in customization options.

Embedding the Quotes Carousel widget on your website is easy, simply copy a single line of code, and paste it into the HTML of your webpage. This allows you to quickly and easily add the widget to your website without any complicated setup or installation process. Once the widget is embedded, it will automatically update with every change you make, so you don't have to worry about manually updating the Quotes widget every time you make a change. This feature can save you a lot of time and effort and ensure that your Quotes Carousel is always up-to-date and accurate.

Easy To Embed Quotes Carousel

With the Quotes Carousel widget, you can enhance your website’s design by displaying powerful quotes. With the ability to change the carousel’s size, and the slider’s options, you will be able to create a quotes carousel that is perfect for your website.
With the Quotes Carousel widget, you can add a dynamic and engaging element to your website that will leave a lasting impression on your visitors.

Use Quotes Carousel to Enhance Design

A major benefit of the Quotes Carousel is that it doesn’t take up much space. Unlike galleries, cards, and other forms that take up a lot of space, the Quotes Carousel can show as many quotes 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 unnecessary pages for different categories.

Save Space On your Website

The Quotes Carousel widget is a perfect way to grab visitors' attention and encourage them to interact with your website.
Not only does it add visual appeal to your website, but it also allows you to showcase meaningful and inspiring quotes that can resonate with your visitors. You can use quotes from famous figures, industry leaders, or even customers to connect with your audience on a deeper level. 

Increased Engagement

Quotes Carousel

Interactive Polls Widget for Real-Time User Feedback and Engagement.

Template 6

The Poll Widget caters to diverse polling strategies by allowing single or multiple selections, ensuring every type of question can be accurately and efficiently posed to your audience, enhancing the polling experience.

Single or Multiple Selections

 Celebrate the outcome of your polls with an engaging winner celebration screen, designed to not only highlight the results but also to make the victory moment memorable for participants, fostering a sense of achievement and community.

Enhanced Winner Celebration Screen

Offering post-vote customization options, this feature allows for an enhanced interactive experience, enabling further engagement with participants even after they've cast their votes, thereby keeping the dialogue ongoing and interactive.

Post-Submission Customization

With the Poll Widget, timing your engagement becomes strategic and effortless. The feature allows for setting precise start and end dates, ensuring your poll perfectly complements your event or campaign's timing for maximum impact.

Scheduled Polling Feature

Enhance the integrity of your polls with the one-vote-per-user feature, allowing identification by browser or IP address to prevent vote duplication and ensure each vote is unique, maintaining the credibility of your poll results.

One-Vote-Per-User Restriction

This feature gives you the flexibility to either control or randomize the order of options in your poll, facilitating a presentation that can be meticulously organized or left to chance for fairness. It ensures your poll reflects true popular opinion without bias.

Customizable Items Order Feature

Tailor the presentation of your poll options with the Multiple Layouts feature of the Poll Widget, allowing you to select the most appealing format for your audience. This adaptability ensures your poll is not only visually engaging but also enhances the voting experience, making it enjoyable and straightforward for all participants.

User Multiple Layouts

Designed with user convenience in mind, the Poll Widget ensures that participants can easily engage with polls and swiftly navigate through them. This focus on accessibility enhances user interaction and satisfaction, making for a seamless experience on your website.

User-Friendly Poll Widget Design

The Poll Widget comes with a variety of skins, enabling you to choose one that best fits your website's look or poll theme. With options ranging from sleek, minimal designs to more colorful, expressive ones, you can easily personalize your polls to mirror your style or brand identity, adding a creative flair to your site.

Diverse Skins for Poll Widget

The Poll Widget places comprehensive customization at your disposal, enabling you to fine-tune every element to fit your specific needs and aesthetic preferences. From selecting layouts and skins to arranging options and adding descriptions, this widget empowers you to craft your polls precisely as you envision.

Complete Customization with Poll Widget

The Poll Widget is engineered to ensure optimal display and functionality across all devices, from desktops to smartphones. Its responsive design guarantees a consistent and smooth user experience, adapting effortlessly to any screen size.

Responsive Design for Poll Widget

The Poll Widget supports custom CSS, allowing those with coding skills to craft a unique look and feel. This feature enables a deeper level of personalization, giving you the freedom to achieve the exact design aesthetic you desire for your polls.

Custom CSS for Poll Widget

Designed for straightforward integration, the Poll Widget requires minimal technical know-how for setup. This ease of embedding allows site owners to quickly incorporate the widget, enhancing their site without extensive development effort or specialized coding skills.

Easy to embed on any website

Integrating the Poll Widget into your site dynamically engages visitors, encouraging them to spend more time interacting with your content, thus enhancing overall user engagement.

Boost Engagement with the Poll Widget

Utilize the Poll Widget to collect valuable feedback and opinions from your audience, providing insights that can influence your content, products, or services to better align with user preferences.

MODX MaxCDN Toolkit

MODX extra

App Details

Pricing

App Info

Some of the best Common Ninja extras for MODX

Diagrams

WordPress Feed

Facebook Reviews

Back to Top Button

Quotes Carousel

Poll

Team Member List

Code Snippets

Pomodoro Timer

AdBlocker Detector

Image Carousel

Count-Up Clock

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 Diagrams Widget

App Info

Some of the best Common Ninja extras for MODX

Diagrams

WordPress Feed

Facebook Reviews

Back to Top Button

Quotes Carousel

Poll

Team Member List

Code Snippets

Pomodoro Timer

AdBlocker Detector

Image Carousel

Count-Up Clock

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine