Display the latest posts from your Mastodon page

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

Style 3

Style 4

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 6

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

Mastodon Feed 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 Mastodon Feed widget according to your needs, and the preferences of your visitors.

Date & Time Display Settings

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

The Mastodon Feed Refresh Automatically

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

Different Mastodon Feed Types

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

Customize Character Display Length

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

Multiple Mastodon Feed Layouts

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

Mastodon Feed Multiple Skins

The Mastodon 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 Mastodon Feed widget offers full customization options to make it fit your needs. Change the colors, the fonts, the spacing, and anything else!

Fully Customizable

Any device will look great with the Mastodon Feed widget. You will be ahead of your competitors with this feature in today's mobile-first world.

Perfectly Responsive

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

Custom CSS can be added to the Mastodon Feed widget, as with all Common Ninja widgets.

Custom CSS

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

Easy To Embed Mastodon Feed on your website

The Mastodon Feed widget lets you group several Mastodon feeds into one page, making them more accessible and quicker to navigate.

Group Mastodon Feeds

When toggled on, the Mastodon Feed widget will keep refreshing and updating its content.

Auto Mastodon Feed Refresh

The Mastodon Feed widget can add a fun element to your page's design. Implementing the "ticker" animation will create a more appealing design for your page.

Enhance Design

Mastodon Feed

Social Feeds

Showcase progress and completion using animated fill-up bars

Information, like the progress of a goal, is best understood when it’s presented clearly and in a clean way. With a few tweaks and edits, it is possible to create clear and easy-to-follow progress bars.

Clean Design to Better Follow Set Goals

Style 2

People are different, and some love to add a little color, or showcase their personality through the use of creativity. With full customization options, it is easy to play with the design until you find the right way to represent your personality.

Bright & Playful To Fit The Personality

Style 5

The Progress Bar widget enables you to add multiple progress bars to show the progress of various projects and other relevant topics.

Multiple Bars

The Horizontal Progress Bar widget features a gentle “filling up” animation showing the progress more vividly and visually attractively.

Progress Bars Animation

The Animated Progress Bars widget comes available with multiple layouts that you can choose from to fit your website’s design & style. 

Progress Bars Multiple Layouts

The Progress Bars 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 Horizontal Progress Bars 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 Progress Bars

The Progress Bars 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 Horizontal Progress Bars 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 Progress Bars

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

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

Easy To Embed Progress Bars

With the Animated Progress Bars widget, you can easily show the progress of your projects and inform relevant parties of what stages your project (or various projects) is in.

Showcase Progress with Progress Bars

The Animated Progress Bar widget is fully customizable. With features like multiple layouts and gentle animation, you can present important information in a visual representation that your users will better understand.

Visual Representation of Data

Certain projects, like a campaign to collect donations, for example, will greatly benefit from a visual representation of how much money has been collected by encouraging viewers to help complete the progress bar.

Use Progress Bars to Encourage Action

Progress Bars

Website Components

Showcase the company's various office locations in a stylized and adjustable list format

With a simple design, it’s easy to deliver the right information clearly, and in a stylish manner. 


Simple. Informative. Elegant.

With a few tweaks, it’s easy to compress a lot of information into the cards while also keeping a certain visual style. 


Detailed Information — Easy to Follow & Stylish

Sometimes there’s a need to add more information. Long pieces of text can be daunting, but by using the right layouts, icons, fonts, and colors, it’s easy to add a lot of information in an easy-to-understand manner and add a call-to-action button, to take the user to even more information. 


Detailed Information — Easy Navigation

The app features a selection of beautiful icons that will fit any requirement — does your branch have WiFi? Does it allow pets in? Does it offer easy access to handicapped people? Make this information instantly visible.
You can 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.

Multiple Icons To Select From

The app features six layouts with varying image sizes and text layouts, supporting both horizontal and vertical design to make sure that the app fits any design requirements.1661077905123_branches-layouts.png

Multiple Layouts

The app features the option to enable a gentle animation that the user will see when first accessing the Company Branches List, to make the page less static and more appealing.

Gentle Intro Animation

You can add images to the app so that your branches will be immediately identifiable and easy to find.

Images

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

The app 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 app 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 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 app any way you’d like to with just a few simple clicks.

Easy To Use Company Branch Widget

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

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

Easy To Embed

The app 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.

Location, Working Hours & Supplementary Symbols

The Company Branches List app will enable you to provide important information about many different branches in a concise way, which will be easily accessible by your users.

Easy Access To Information

The Company Branches List app, with its full customization features, will be a great visual addition to your website. You can design and customize it any way you want to complement your existing design.

Enhanced Design

The Company Branches List app will improve your users’ experience by providing quick and easy access to important information. This, in turn, will most certainly affect their decision-making process in your favor.

Better User Experience

Company Branch List

Lists & Cards

Display the latest posts from your Pinterest feed

Style 1

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.

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

Any device will look great with the Pinterest Feed widget. You will be ahead of your competitors with this feature in today's mobile-first world. 

Perfectly Responsive Pinterest  Feed

No coding knowledge is required to use the Pinterest Feed widget. Drag-and-drop functionality on our dashboard allows you to customize widgets any way you like with just a few clicks. Drag-and-drop functionality on our dashboard allows you to customize widgets any way you like with just a few clicks.

Simple To Use Pinterest Feed Widget

Custom CSS can be added to the Pinterest Feed widget, as with all Common Ninja widgets.

By copying a single line of code, you can embed the widget on your website quickly. You will also receive automatic updates every time you make changes to the Pinterest Feed widget.You will also receive automatic updates every time you make changes to the Pinterest Feed widget.

Pinterest Feed Simple To Embed

The Pinterest Feed widget offers two feed types: Tabs and Mixed. Mixed is a type of feed that mixes different Pinterest feeds to create a diverse feed. Tabs organize tabs by the order in which they appear, while Tabs organize tabs by their feed order.

Different Feed Types 

When toggled on, the Pinterest Feed widget will keep refreshing and updating its content.

Auto Pinterest Feed Refresh

The Pinterest Feed widget features an animation that mimics an old news ticker and provides a sense of motion. The user's attention will be caught immediately if you use it.

Pinterest Feed Ticker Animation

Pinterest Feed

Visualize data and information using various chart types, including bar, pie, and line graphs, and more

Example 1

Example 2

Example 3

Example 4

Example 5

Example 6

Example 7

Charts & Graphs features 20 different types of charts that will enable you to deliver information just the way you want it to. From bar charts to pie charts, radial charts, and 3D charts — it’s got it all. Simply choose the chart you want and start using it, or customize it endlessly — it’s a fun game in its own right!

A Large Selection of Chart Types

With the Chart & Graphs widget, you can convert any CSV file into an interactive chart or easily connect it to your Google Drive or other, remote URLs. Prepare the data wherever you are most comfortable doing it, and then upload it.

Multi-Source Data Import 

The Charts & Graphs widget comes with full customization options, giving you the ability to easily edit the design to match the aesthetic of your website. You can change the colors, buttons, and labels to match your branding. You can also choose from different font options and adjust the font size, style, and color to create a cohesive and professional look. In addition to these design options, you can customize the widget's spacing to ensure it fits seamlessly into your website layout.

Fully Customizable Charts

The Charts & Graphs 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 Charts & Graphs widget will allow you to do just that, giving you an edge over competitors.

Perfectly Responsive Graphs and Charts

The Charts & Graphs 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 Charts

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Charts & Graphs 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.

To embed the Charts & Graphs 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 Charts & Graphs Editor will be reflected automatically on your website without the need for any additional manual updates.

Easy To Embed 

Enhance your graphs and charts by adding tooltips that provide additional information for your website. These tooltips can help clarify data points or provide context for your chart or graph, helping your users better understand and interpret the information you are presenting.

Tooltips

You have the option to define a color scheme that will be used as the default colors for your charts and graphs when they are automatically generated from an external source of data. By defining a color scheme, you can ensure that your charts and graphs have a cohesive and visually appealing appearance, even when they are being generated automatically.

Color Scheme

With the Charts & Graphs app, you can improve and expedite the decision-making process by providing easy-to-follow information to your readers. Display the benefits of your product or service, explain how you offer value in a visual way, warn of the dangers of inactivity with dramatic charts and more!

Improve & Expedite the Decision-Making Process

The Charts & Graphs widget allows you to summarize large amounts of information for better accessibility and easier understanding of different subjects. Provide yearly output comparisons, quarterly yields, fun facts, projected future results and similarly relevant information! Don’t bore your readers with huge amounts of text — show them charts!

Summarize Large Amounts of Data

The Charts & Graphs widget enables information to be presented in a visually appealing way that can complement your website’s design and enhance the users’ experience on your website. Add breakpoints between text, create stunning 3D charts and choose any color scheme you’d like.

Enhance Design and Improve User Experience

Charts & Graphs

Easily create and customize website sections with Section Builder. Multiple layouts and designs.

The Section Builder widget offers a selection of 9 unique layouts, each divided into columns with different structures. This variety allows you to organize your content in a way that best fits your website and meets your specific needs. Whether you need a simple one-column layout or a complex multi-column structure, the Section Builder provides the flexibility to create the perfect design.

Diverse Layout Options for Perfect Organization

The Section Builder allows you to embed other widgets within your sections to enhance functionality and interactivity. By incorporating elements like social media feeds, maps, or forms, you can create dynamic and engaging content that encourages user interaction and enriches the overall user experience.

Enhance Sections with Embedded Widgets

The Section Builder widget offers versatile text formatting options, allowing you to use various text types such as titles and paragraphs. This flexibility enables you to create well-structured and visually appealing content sections that effectively communicate your message and enhance readability on your website.

Versatile Text Formatting Options

The Section Builder widget allows you to easily add buttons to your content sections, enhancing user interaction and engagement. These buttons can link to any page or action, providing a seamless way to guide visitors and improve navigation on your site.

Easily Add Buttons for Enhanced Interaction

The Section Builder widget offers a variety of pre-built content templates, making it easy to create professional-looking sections quickly. These templates are designed to fit different needs and styles, allowing you to choose a layout that best suits your content and enhances the visual appeal of your website

Utilize Pre-Built Content Templates

The Section Builder comes with extensive customization capabilities, allowing you to modify its design to suit your specific requirements. You have the freedom to alter colors, fonts, spacing, and various other elements. This level of customization offers unparalleled flexibility, allowing you to craft a Section Builder that is not only functional but also uniquely tailored to the aesthetic of your website.

Fully Customizable Section Builder Widget

The Section Builder widget is designed to be fully responsive, ensuring it displays elegantly on any device. In an era where mobile optimization is crucial, this feature is key to delivering a consistent user experience regardless of the device being used.

Perfectly Responsive Section Builder

The Section Builder widget is designed with user-friendliness in mind, requiring no coding expertise for customization. Its intuitive dashboard simplifies the customization process, allowing you to tailor the Section Builder to your preferences with just a few clicks. This ease of use makes it accessible for anyone to integrate and modify the Section Builder, regardless of their technical background, enhancing the functionality of your website without the need for specialized knowledge.

Easy to Use Section Builder Widget

The Section Builder widget offers the option to add custom CSS, aligning with Common Ninja’s commitment to flexibility. This feature is ideal for developers and designers seeking to apply their unique touch, allowing for deeper customization of the Section Builder's look and functionality. It provides an avenue for creative expression, ensuring the widget can be finely tuned to match the specific style and interaction needs of your website.

Custom CSS for Enhanced Creativity

Embedding the Section Builder on your website is simple, requiring just a single line of code. This ease of integration makes it accessible for users of all technical levels. Additionally, the widget updates automatically with every change, ensuring your website always displays the most current version without any extra effort.

Effortless Embedding of the Section Builder on Any Website

The Section Builder widget allows you to create visually appealing content sections, improving the overall look of your website. By utilizing different layouts, you can design sections that match your brand’s style, attracting more visitors and enhancing your site's professional appearance.

Enhance Website Aesthetics with Section Builder

The Content Section Creator offers a range of pre-designed layouts that you can quickly customize to fit your needs. This saves you time compared to designing sections from scratch, allowing you to focus on creating high-quality content without worrying about the technical details.

Save Time with Easy-to-Use Layout Options

The Section Builder widget provides extensive customization options, allowing you to tailor each section to your exact specifications. Whether you want to adjust colors, fonts, or layouts, this flexibility helps you create unique sections that reflect your brand’s identity and meet your specific needs.

Discover the best extras for MODX

Some of the best Common Ninja extras for MODX

Mastodon Feed

Progress Bars

Company Branch List

Pinterest Feed

Charts & Graphs

Section Builder

Instagram Carousel

Testimonials Slider

Visitor Counter

PDF Viewer

YouTube Feed

Quiz Maker

Common Ninja Search Engine