For a user guide, tips and limitations for OCMOD installations go to ocextensions.co.uk OCMOD user guide Add a description to options ~~~~~~~~~~~~~~~~~~~~~~ Features ~~~~~~~~ 1) Adds a description to options Demo ~~~~ ocex..

clorne

Add description to option

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

Displays multiple time zones; customizable, responsive design.

The World Clock Widget offers the ability to display several clocks, each representing a different time zone. This feature is crucial for websites that cater to an international audience, as it allows for easy display of multiple time zones at once. It's particularly beneficial for websites involved in global business, communication, or events, ensuring users from various regions can easily find their local time.

Display Multiple Time Zones

This feature of the World Clock Widget allows you to not only set the specific time for each clock but also to label each with a custom title. This customization enhances the clarity and usability of your website, making it easy for visitors to identify the time zone represented by each clock. It's an invaluable tool for sites that need to reference multiple global locations, ensuring that each clock is easily distinguishable and accurately labeled.

Customizable Clocks with Titles

The World Clock Widget provides a selection of different display styles, ranging from classic analog clocks with hands to modern digital and list displays. This variety allows you to choose a layout that best fits the aesthetic and functional needs of your website. Whether your site has a traditional feel or a more contemporary vibe, you can align the clock display accordingly, enhancing the visual appeal and user experience of your site.

Varied Clock Layouts

With the World Clock Widget, you have the flexibility to select the format of the marker for classic clock displays. You can choose to show numbers, only markers, or a combination of both. This feature allows for a high degree of customization, ensuring that the clock not only provides accurate time information but also aligns with the visual design of your website. It's perfect for tailoring the look of your clocks to match your site's theme, enhancing the overall aesthetic and functionality.

Customizable Markers Formats for Classic Clocks

The World Clock Widget offers a variety of beautiful skins, enabling you to choose a design that aligns seamlessly with your brand and website aesthetics. This feature is designed to not only enhance the visual appeal of your site but also to significantly reduce the time and effort involved in customizing the widget. Whether your site has a modern, minimalist, or more traditional design, you'll find a skin that complements it perfectly, ensuring a cohesive and attractive user interface.

Select from Multiple design skins

The World Clock Widget empowers you to tailor the time display according to your preferences and audience needs. You can select between the 24-hour or the more traditional 12-hour clock format. Moreover, for the 12-hour format, there's an option to include or exclude the AM/PM indicator. This adaptability ensures that the widget's time presentation aligns.

Flexible Time Format Customization

The World Clock Widget comes with extensive customization capabilities, enabling 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 World Clock that is not only functional but also uniquely tailored to the aesthetic of your website.

Fully Customizable World Clock widget

The World Clock Widget is designed to be fully responsive, ensuring it displays elegantly on any device. In today's mobile-first environment, this adaptability is crucial, as it guarantees that your website's time display is accessible and visually appealing on smartphones, tablets, and desktops alike. This responsiveness not only enhances user experience but also gives your site a competitive edge in accessibility and design.

Perfectly Responsive World Clock

The World Clock 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 widget to your preferences with just a few clicks. This ease of use makes it accessible for anyone to integrate and modify the widget, regardless of their technical background, enhancing the functionality of your website without the need for specialized knowledge.

Easy To Use World Clock Widget

The World Clock 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 widget'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 World Clock Widget on your website is a straightforward process, requiring just a single line of code. This ease of integration simplifies the setup, making it accessible for users of all technical levels. Additionally, the widget updates automatically with every change you make, ensuring that the maintenance and updating process is hassle-free. This feature guarantees that your website always displays the most current version of the widget without any extra effort.

Effortless Embedding on Any Website

Integrating the World Clock Widget into your website allows you to connect more effectively with an international audience. By displaying various time zones, you demonstrate awareness and consideration for visitors from different parts of the world. This feature fosters a sense of inclusivity and global reach, which can be pivotal for websites with a diverse user base.

Get Global Engagement Enhancement with World Clock

Having the World Clock Widget on your site offers a practical advantage for users needing quick time zone references. It eliminates the need for visitors to look up time differences elsewhere, saving them time and effort. This convenience enhances user experience and can increase the time visitors spend on your site.

User Convenience Boost

For websites that deal with time-sensitive information or events (like webinars, live streams, or international conferences), the World Clock Widget is particularly beneficial. It helps in clearly communicating the timing of these events to a global audience, reducing confusion and ensuring better participation and engagement.

Enhanced Time-Sensitive Communication

World Clock

Website Components

Embed interactive, customizable flipbooks from PDFs on your website.

The PDF Flipbook widget offers a true-to-life book-reading experience, complete with realistic page-flipping animations and sound effects. This feature immerses users in a familiar and enjoyable reading journey, replicating the tactile sensation and visual appeal of flipping through a physical book. It enhances the user's interaction with digital content, making it not just informative but also delightfully engaging.







Authentic Book-Reading Experience with PDF Flipbook

The PDF Flipbook widget allows you to upload your own cover image, adding a personalized touch to your digital publications. This customization not only enhances the visual appeal but also optimizes loading times, ensuring your flipbook opens quickly and smoothly for every user. This feature strikes the perfect balance between personalization and performance efficiency.

Customizable Cover Image for Faster Loading

The PDF Flipbook widget provides two distinct layout methods for displaying your content: popup and inline. You have the flexibility to choose whether your PDF opens in a popup window for focused reading, or inline within the webpage for seamless integration. This adaptability ensures that the presentation of your digital flipbook aligns perfectly with your website's design and user experience preferences.

Flexible Layout Options: Popup or Inline

The PDF Flipbook widget includes a highly useful toolbar equipped with various controls to improve the user's reading experience. This toolbar allows users to easily navigate between pages, jump to the start or end of the document, zoom in and out for better readability, and even open the PDF in a new tab for expanded viewing. Additionally, it provides the option to download the PDF, offering greater accessibility and convenience. This array of controls makes interacting with the PDF Flipbook both intuitive and efficient.

Interactive Toolbar for Enhanced Navigation

Enjoy extensive customization capabilities with the PDF Flipbook widget. Alter design elements like colors, fonts, and spacing to tailor the flipbook to your site's unique style. This flexibility allows for a personalized and distinct presentation of your digital content.

Fully Customizable PDF Flipbook

The PDF Flipbook widget is fully responsive, ensuring it looks and functions beautifully on any device. This feature is crucial for a consistent and optimal user experience across desktops, tablets, and smartphones.

Responsive PDF Flipbook for All Devices

Designed for ease of use, the PDF Flipbook widget requires no coding skills for customization. Its intuitive interface lets you effortlessly modify and integrate the flipbook into your website, making it accessible to users of varying technical backgrounds.

User-Friendly PDF Flipbook Interface

The PDF Flipbook widget supports custom CSS, allowing for advanced customization. This feature is ideal for those who want to apply a unique creative touch, ensuring the flipbook perfectly aligns with your website's style and interaction requirements.

Custom CSS for Creative PDF Flipbook Customization

Embedding the PDF Flipbook on your website is straightforward, involving just a single line of code. The widget updates automatically with each change you make, simplifying maintenance and ensuring your website always displays the latest version without extra effort.

Effortless Embedding of the PDF Flipbook

The 3D PDF Flipbook widget elevates user engagement by transforming traditional PDFs into captivating 3D flipbooks. This interactive format keeps users engrossed, significantly enhancing their browsing experience and increasing the time they spend on your site.

Enhanced User Engagement with PDF Flipbook

This widget streamlines content delivery, making it easier for visitors to access and navigate through your digital publications. The E-Book Viewer aspect of the 3D PDF Flipbook ensures that users can effortlessly flip through pages, just like in a real book, enhancing accessibility.

Boost in Content Accessibility with 3D PDF Flipbook

Incorporating a PDF Flipbook into your website immediately upgrades its visual appeal. The sleek, modern aesthetics of the Digital Flipbook feature not only captivate visitors but also reflect positively on your brand’s image, showcasing a commitment to innovative and user-friendly technology.

Increased Brand Appeal with Digital Flipbook Aesthetics

PDF Flipbook

Media

New!

Present content items in a designed and customizable list

Example 1

Example 2

Example 3

Example 4

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 your design requirements.

Multiple Layouts

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

Gentle Intro Animation

You can add images to increase association with specific information, or to make certain information more recognizable, visually.

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.

Multiple Skins

The app features star rating icons (five stars) that you can use, should you desire. You can then, customize how many stars are highlighted to indicate a level of proficiency, popularity or anything else.

Rating

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 items List

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 is fully customizable and therefore can be customized to fit any design to complement your website. 

With the app, you can make the user’s journey easier, more focused and more engaging, which in turn, will undoubtedly improve the user’s experience and increase conversions.

Improve User Experience

The app will allow you to focus your message in an organized way that includes visual hierarchies which will eventually lead to the Call-to-Action button and encourage users to act.

Encourage to Act

Info List

Lists & Cards

Different Animations

The Marketing Button widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style. You can choose the layout that best fits your marketing objectives and target audience preferences because each one has been meticulously designed to achieve maximum visibility and engagement. You can quickly explore and test which style works best for your website with the ability to flip between layouts.

Multiple Marketing Button Layouts

The Marketing Button widget comes with a selection of beautiful skins that you can use to add to it and enrich its visual appearance. The widget offers skins that you can use to alter the button's style to fit the identity of your website. By using these options, you can quickly and easily construct a marketing button that matches the general style of your website and has a professional appearance without having to spend hours designing it from scratch.

Marketing Button Multiple Skins

You can set the Marketing Button to display on your webpage or position it as a floating button at one of the page corners. With a well-placed Marketing Button, you can easily grab the attention of visitors and guide them toward taking desired actions, such as signing up for a newsletter or making a purchase.

Floating Button

You can fully customize the Marketing Button so that it meets your demands by changing the design. Customize anything you want, including the fonts, spacing, and colors! In order to create a unified and polished appearance, you may also select from a variety of font choices and modify the font's size, style, and color. You can alter the spacing in addition to these style choices to make sure it blends in with the rest of your website's design.

Each website can benefit from the Marketing Button. It has a clean and contemporary style that will improve the overall appearance of your site in addition to being fully responsive, which means it will shift fluidly to fit the screen size of any device. Having a website that is optimized for mobile viewing is essential in a world where more and more people are accessing the internet through their phones and tablets. The Marketing Button will allow you to do just that, providing you an edge over the competition.

No coding expertise is necessary to use the Marketing Button. With only a few mouse clicks, you can modify the widget however you wish using our user-friendly interface. This implies that even individuals without coding knowledge may quickly and simply build a button with a professional appearance that connects with their website, enhancing their online presence and audience engagement.

Easy To Use

You have total control over how the Marketing Button appears thanks to our robust advanced editor. This feature makes it simple to change the widget's appearance in every way, from the layout and positioning to the colors and fonts. Yet, if you're feeling extremely inventive, you can enhance your customization by making changes straight to the CSS. This enables you to customize the widget even more by making more sophisticated changes. Our powerful editor will help you whether you want to make a few minor adjustments or go all out with complex changes.

Simply copy and paste a code snippet into the HTML of your webpage to integrate the marketing button on your website. It is also self-updating, so any modifications you make to the Marketing Button Editor will be automatically reflected on your website without the need for any further manual updates.

Easy To Embed 

With a well-designed marketing button that stands out, you can encourage users to take action and increase conversions on your website, as users will be more inclined to engage with your content. In addition to drawing users' attention, a good marketing button conveys a captivating message that persuades them to click and complete the intended action, such as downloading a resource, subscribing to a newsletter, or buying something.

Increase Conversions with the Marketing Button

The widget enables you to place a marketing button in a prominent location on your website, which can improve the user experience by making it easy for users to find it and click on it. The widget further improves user experience by providing an easy-to-use design that makes it simple for consumers to engage with the marketing button and complete the desired activity.

With the Marketing Button, you can improve the navigation on your website, and make it easier for your users to reach the desired page quicker. Strategically positioned marketing buttons on your website can direct visitors to particular pages or actions, making it simpler for them to locate what they're looking for and raising the likelihood of a successful transaction.

Use a Marketing Button to Enhance Navigation

Marketing Button

Popups, Bars & Buttons

Boost Sales

Showcase progress and completion using animated fill-up circels

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 circle bars.

Clean Design to Better Follow Set Goals

Style 2

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


Customizable To Deliver Any Mood or Personality

Style 5

The Progress Circle Bars widget enables you to add multiple circular progress to show the progress of various projects and other relevant topics.

Multiple Circles

The Animated Progress Circles widget features a gentle "filling up" animation in circular progress, showing the progress more vividly and visually attractively.

Progress Circles Animation

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

The Animated Progress Circles 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.

Beautiful Progress Circles Skins

The Animated Progress Circles 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 Progress Circles widget is fully responsive and will look great on any device. This feature will put you ahead of your competitors in a mobile-first world.

Perfectly Responsive Progress Circles

The Progress Circles 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.

Progress Circles Easy To Use

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

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

Easy To Embed Progress Circles

With the Animated Progress Circle 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. 

Use Progress Circles Showcase Progress

The Progress Circle widget is fully customized. 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

Specific projects, like a campaign to collect donations, for example, will significantly benefit from a visual representation of how much money has been compiled by encouraging viewers to help complete the Animated Progress Circle Bars. 

Encourage Action with Progress Circles

Progress Circles

Add a customizable, responsive Google-powered search bar to enhance website navigation and usability.

The Website Search Widget includes a floating button, ensuring the search function is always accessible without disrupting the user’s browsing experience. Positioned strategically on your site, the button allows visitors to initiate a search from any page, streamlining navigation. This design element enhances usability and keeps your website clean and uncluttered.

Convenient Access with the Floating Button

The Search Bar Widget is designed for seamless integration, allowing you to embed it on your website with minimal effort. With just a single line of code, you can activate the search functionality powered by Google’s robust search engine. This streamlined process ensures compatibility with any website builder or platform, saving time and making it accessible to all users, regardless of technical expertise.

Effortless Setup and Integration

The Search Widget ensures users receive accurate and contextually relevant search results tailored to your website’s content. Powered by Google’s sophisticated algorithms, the widget provides fast and precise responses, helping visitors find what they need effortlessly. This capability enhances user satisfaction and keeps them engaged with your site longer.

Deliver Precise and Relevant Results

The Website Search Widget offers three distinct search bar layouts—box, line, and box with an external button—allowing you to choose a design that complements your website's style. Each layout is crafted for usability and aesthetics, ensuring a seamless fit within your site's visual theme. This flexibility ensures your search bar looks professional while enhancing the overall user experience.

Customize Your Search Bar Design

The Search Bar Widget provides multiple layout options for displaying search results, including inline, popup, and other configurations. Whether you prefer results to appear seamlessly within the page or in a dedicated popup window, you have full control over how they are presented. This flexibility ensures the search experience aligns perfectly with your website’s design and functionality.

Flexible Layouts for Displaying Search Results

The Google Search Widget allows you to customize the search icon to align with your website’s branding. Choose from various styles, colors, and sizes to create a cohesive look that complements your site’s design. This level of personalization ensures the search feature integrates seamlessly with your visual identity while maintaining a professional appearance.

Add description to option

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Mastodon Feed

World Clock

PDF Flipbook

Info List

Marketing Button

Progress Circles

Website Search

Charts & Graphs

Feature Voting

Live Weather Forecast

Payment Button

TikTok Feed

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Add description to option

OpenCart extension

App Details

Pricing

Check Out the Mastodon Feed Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Mastodon Feed

World Clock

PDF Flipbook

Info List

Marketing Button

Progress Circles

Website Search

Charts & Graphs

Feature Voting

Live Weather Forecast

Payment Button

TikTok Feed

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine