Filter products by price. Easy setup and integration into your theme. Displaying: ✔ In the category ✔ On our manufacturer page ✔ Search ✔ Specials /**************************************************************************/ D..

DevTrust

Filter Price

A flexible widget that visually tracks user scroll progress on any webpage

The Scroll Progress widget offers both a progress bar and a floating circle indicator, giving you flexibility in how you display scroll progress. The progress bar provides a clear, linear visual, while the floating circle offers a compact, modern alternative. You can use either option or combine both for a more dynamic user experience.

Dual Progress Indicators: Bar & Floating Circle

The Scroll Progress widget lets you adjust the progress bar’s position (top or bottom) and starting point (left or right) for complete flexibility. This allows you to seamlessly integrate it into your website’s layout. With these options, you can ensure the progress bar aligns perfectly with your design and user experience preferences.

Adjustable Progress Bar Placement

The Scroll Progress widget allows you to turn the progress indicator into a clickable button that jumps to the top or bottom of the page. This enhances navigation by giving users a quick way to move through long content. With this feature, browsing becomes more seamless and user-friendly.

Scroll Navigation with Actionable Indicator

Easily customize your Reading Progress Indicator with a selection of pre-designed skins. These ready-made styles help you achieve a professional look in seconds, saving you time on design adjustments.

Pre-Designed Reading Progress Indicator Skins

Modify every aspect of the Page Scroll Tracker, from colors and sizes to positioning and styles. With complete control over the design, you can ensure it aligns perfectly with your website’s aesthetics and branding.



Fully Customizable Page Scroll Tracker

The Scroll Bar Progress widget adapts seamlessly to all screen sizes, ensuring a smooth experience on desktops, tablets, and mobile devices. This guarantees that users can track their progress effortlessly, regardless of the device they’re using.



Responsive and Mobile-Friendly Scroll Bar Progress

Designed for simplicity, the Scroll Progress widget is easy to configure without any coding skills. With an intuitive interface, you can customize and implement the widget in just a few clicks.

Easy-to-Use, No Coding Required

For those who want extra control, the Page Scroll Tracker supports custom CSS. This feature allows developers and designers to fine-tune the widget’s appearance and functionality to match their unique requirements.

Custom CSS for Advanced Customization

Embedding the Reading Progress Indicator is quick and effortless, requiring just a single line of code. Any changes you make are automatically updated, ensuring your website always displays the latest version without manual adjustments.

Hassle-Free Embedding & Automatic Updates

The Scroll Progress widget provides a visual cue that encourages visitors to continue reading and exploring your content. By displaying real-time progress, it keeps users engaged and reduces bounce rates. This helps create a more interactive experience, leading to longer session durations on your site.

Enhance User Engagement with the Scroll Progress Widget

A Reading Progress Indicator gives users a clear understanding of how much content remains on a page. This reduces frustration, especially for long articles or blog posts, as users can manage their reading time efficiently. By setting clear expectations, you create a smoother and more enjoyable browsing experience.

Improve Readability with a Reading Progress Indicator

With a Scroll Progress widget, visitors are more likely to finish reading your content. Seeing a visual representation of progress encourages them to reach the end, boosting content consumption. This can lead to higher interaction rates, such as more shares, comments, or conversions.

Increase Completion Rates for Blog Posts and Articles

Scroll Progress

User Engagement

Website Components

New!

Organize links, display logos, and integrate social media on your website footer.

Example 1

Example 2

Example 3

Example 4

The Mega Footer widget facilitates a well-organized and clean layout by allowing you to segregate links and information into multiple columns. This functionality not only enhances the visual appeal but also aids in categorizing content in a manner that is easy to navigate. It's a practical way to ensure that your website's footer is both user-friendly and aesthetically pleasing.



Structured Layout with Multiple Columns

With the Mega Footer widget, you can effortlessly categorize and group your footer links under distinct titles. This functionality allows for a more organized and intuitive navigation experience, helping visitors to locate the information they're interested in without hassle. It's a thoughtful way to streamline content and enhance user satisfaction on your website.

Customizable Sections with Titles and Descriptions

The Mega Footer widget makes adding links to both internal and external pages a breeze. This feature allows for a seamless integration of various links, facilitating quick navigation to different sections of your website or external resources. It's a simple yet effective tool to enhance the connectivity and resourcefulness of your website

Effortless Link Integration

Keep your contact details readily accessible with the Mega Footer widget's address field feature. This section enables you to display essential contact details such as phone numbers, email addresses, and physical addresses prominently in the footer. It's a straightforward way to encourage communication and foster a sense of trust and transparency with your website visitors.

Comprehensive Address Field

Showcase your brand's identity prominently with the Mega Footer widget's logo and media display feature. This functionality allows you to exhibit your logo and other pertinent images at the footer, adding a visual appeal and fostering brand recognition. It's a simple method to enhance your website's professional look and create a lasting impression on visitors.

Logo and Media Display

The Mega Footer widget facilitates seamless integration of social media links right at the footer of your website. This feature allows for a centralized space where visitors can easily find and access your social platforms, encouraging better engagement and community interaction. It's a straightforward way to expand your online presence and foster a closer connection with your audience.

Integrated Social Links

The Mega Footer widget offers a variety of beautiful skins to choose from, significantly shortening the design process. This feature enables you to select a skin that aligns with your brand's aesthetics and the overall look and feel of your website. It's a convenient way to maintain brand consistency while adding a touch of professionalism and visual appeal to your site's footer area.

Multiple Skins Selection

With the Mega Footer widget, tailoring the appearance and ambiance of your footer is a breeze. Effortlessly modify elements like colors, fonts, and spacing to resonate with your brand or personal preference. Whether you're aiming for a contemporary, sleek layout or a more classic appearance, the Mega Footer widget accommodates your needs. Offering a plethora of customization possibilities, it allows for fine-tuning every facet of your footer to achieve the ideal aesthetic for your project.

Fully Customizable Mega Footer Widget

The Mega Footer widget is crafted with user-friendliness at its core, promising effortless utilization and comprehension of its features. Its intuitive design promotes user engagement, ensuring that visitors can navigate through the widget with ease, contributing to an improved overall website experience.

User-Friendly Mega Footer

The Mega Footer widget is fully responsive, guaranteeing that your content maintains its optimal presentation on any device. This ensures that your compelling links and visually appealing layout will preserve their effectiveness and readability, whether accessed via desktop, tablet, or smartphone.

Fully Responsive Mega Footer

Similar to our other tools, the Mega Footer widget also offers the versatility to incorporate custom CSS, allowing for a genuinely customized appearance. Users proficient in coding can enhance the widget's visual appeal, achieving their desired design style by integrating their own custom CSS code.

Personalize with Custom CSS

The Mega Footer widget is straightforward to embed on any website, requiring only basic technical knowledge. This means you can swiftly configure it without the necessity for extensive assistance or advanced skills, facilitating a smoother and quicker setup process.

Simple to Integrate on Any Website

The Mega Footer widget simplifies the user journey on your website. By consolidating important links, icons, and social media connections in one place, it allows for a streamlined and organized browsing experience. This, in turn, can potentially lead to increased time spent on your site.

Ease of Navigation

A neat and well-structured footer can significantly enhance the aesthetic appeal of your website. The Mega Footer widget helps in creating a visually pleasing and professional-looking space at the bottom of your webpage, adding to the overall attractiveness of your site.

Enhanced Website Appearance

Implementing the Mega Footer widget can contribute to SEO optimization. By organizing links and content efficiently, it helps in creating a structured layout that is favored by search engines, potentially improving your website's visibility and ranking.

Improve your SEO with a Mega Footer

Mega Footer

mega footer template 4

Mega Footer Template 3

mega footer template 2

Mega footer template 1

A code snippets widget compatible with various layouts, themes, and more rich features

Our Code Snippets Widget offers a diverse selection of visually appealing themes to match your preferred coding environment. Choose from a range of stylish themes, including dark and light modes, or even create your custom theme. Tailor your code presentation to your liking and create an immersive coding experience that reflects your unique style and preferences.

Beautiful Code Themes

With our Code Snippets Widget, you can showcase multiple code snippets in a clean and organized manner. Effortlessly toggle between snippets using intuitive tabs or present them in a list layout for easy comparison.

Multiple Code Snippets

Our Code Snippets Widget comes equipped with a powerful AI code assistant to supercharge your development process. Get intelligent code suggestions and context-aware recommendations, enhancing your productivity.

AI Code Assistant

Our Code Snippets Widget comes equipped with built-in formatting options to ensure clean and consistent code presentation.

Formatting Options

The Code Snippets Widget incorporates advanced syntax highlighting, making your code visually distinct and easier to read. 

Syntax Highlighting

Our Code Snippets Widget supports various file extension types and displays the corresponding file icon for each extension.

File Extension Support

The Code Snippets 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

With the Code Snippets widget, you have complete control over the look and feel of your design. You can easily customize various elements such as the colors, fonts, and spacing to match your brand or personal style. Whether you want to create a sleek, modern design or a more traditional look, the Code Snippets widget has you covered. With its wide range of customization options, you can easily tweak and adjust every aspect of your design to get the perfect look for your project.

Fully Customizable

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

Perfectly Responsive

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

Custom CSS

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

Easy to Embed

For developers, students, and enthusiasts, our Code Snippets Widget enhances visual learning by presenting code samples with syntax highlighting and line numbering. Ignite passion for coding and create an engaging learning experience that sets you apart.

Empower Visual Learning

Enrich your technical content without sacrificing clarity. Embed code snippets seamlessly, enhancing explanations and making them easy to follow. Perfect for programming concepts and real-world examples.

Streamline Code Presentation

The Code Snippets Widget showcases your programming expertise with visually appealing displays. Share multiple code snippets, captivate your audience with interactive showcases.

Implement Code Showcases

Code Snippets

Get Creative

A designed stylish button with text and an icon that usually used for marketing and promotion purposes

The widget comes available with a variety of button animations that you can choose from to customize how your button will look. You may provide your audience with an immersive and engaging experience by using the animation elements of the Marketing Button. 

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.

Improve User Experience

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

Restaurant Menu Flip Cards Multiple Layouts

The Restaurant Menu Flip Cards widget features the ability to add icons, instead of images, and sports a large selection of icons that can be used.
The Restaurant Menu widget allows you to easily add the prices of your delicious dishes and supplementary, informative symbols to indicate whether the food is spicy, vegetarian, etc. 

A Large Selection of Icons

The Restaurant Menu Flip Cards 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 Skins

As befits a flip card, the widget comes available with a fluid flip animation that will make your page more interactive, look more lively, less static and not boring.

Restaurant Menu Flip Animation

The Restaurant Menu Flip Cards widgets 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 Restaurant Menu Cards widget

The Restaurant Menu Flip Cards 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 Restaurant Menu widget

The Restaurant Menu Flip Cards 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 Restaurant Menu Cards Widget

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

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

Easy To Embed Restaurant Menu widget

The  Restaurant Menu Flip Cards widget allows you to add the prices of your delicious dishes easily, and to add supplementary, informative symbols, to indicate whether the food is spicy, vegetarian, etc. 

Prices & Supplementary Symbols

By adding information with the Restaurant Menu Flip Cards widget, in a concise and easy-to-understand manner, and by adding relevant links, you will enable your customers to make faster decisions, and make it easy for them to make a purchase.

Increase Conversions

The fully customizable Restaurant Menu Flip Cards will enable you to enhance your webpage through complementing design and colors, and through the animate flip feature.

Enhance Design Using Restaurant Menu Flip Cards widget

Users will have an easier time navigating through your menu with the Restaurant Menu Flip Cards, making their overall experience a pleasant one, which they will recommend to their friends, and will be happy to return and experience again.

Restaurant Menu Flip Cards

Lists & Cards

Create customizable leaderboards to display rankings and track participant scores.

Effortlessly personalize the Leaderboard Widget by adding custom names and images for each participant. This feature enhances the visual appeal of the leaderboard, making it easier for users to recognize and connect with top performers at a glance.

Customize Participant Names and Images

Enhance the Leaderboard Widget with custom icons, prefixes, and suffixes to represent different score types, like points, currency, or any custom label you choose. Use icons such as trophies or dollar signs, and add labels like "$" or "pts" for clear, intuitive scoring. You can also use free text to create any custom score type, ensuring your leaderboard is both visually appealing and easy to understand.

Customize Score Icons, Prefixes, and Suffixes for Clarity

Easily customize the Leaderboard Widget by adding dynamic fields to the table. This feature allows you to include extra information for each participant, such as achievements, ranks, or custom metrics, tailored to your needs. It provides the flexibility to adapt the leaderboard for various use cases, ensuring that you can display all the relevant details in a single, organized view.

Add Custom Fields for a Tailored Leaderboard

Showcase each participant’s progress towards a specific goal using the Leaderboard Widget’s built-in progress bar. This feature allows you to set custom goals, such as sales targets or point milestones, and visually track how close each participant is to achieving them. The progress bar provides a clear, at-a-glance view of individual achievements, adding an extra layer of motivation and competition.

Display Goals with a Progress Bar for Each Participant

The Ranking Board offers a special display option to emphasize the top three positions. This feature allows you to create a visually distinct podium for the 1st, 2nd, and 3rd place winners, making their achievements stand out. It’s a great way to celebrate the top performers and encourage healthy competition, drawing attention to those who reach the top spots.

Highlight Top Performers with a Special Podium Display

The Leaderboard Widget allows you to choose from various score types to suit your needs, including numerical scores and time-based options. This flexibility ensures that you can display and rank participants using the most appropriate format for your competition or event, providing accurate and meaningful results.

Flexible Score Types for Accurate Tracking

The Leader Board Widget offers a variety of beautiful design skins, allowing you to choose a style that aligns with your website's branding. These skins make it easy to create a leaderboard that looks professional and integrates seamlessly with your site's overall design, saving time on customization.

Choose from Multiple leaderboard  Design Skins

The Scoreboard Widget offers a wide range of customization options, allowing you to adjust colors, fonts, spacing, and more to fit your brand perfectly. This flexibility ensures that you can create a leaderboard that aligns with your website's design and meets your unique needs, creating a personalized experience for your users.

Fully Customizable Scoreboard Widget

The Leaderboard Display is fully responsive, ensuring that your leaderboard looks great and functions smoothly on any device, from desktops to tablets and mobile phones. This ensures a consistent user experience across all screen sizes, making your rankings accessible to all visitors.



Perfectly Responsive Leaderboard Display

The Leaderboard Widget is designed for ease of use, requiring no coding knowledge to set up and customize. Its intuitive interface allows you to quickly create and manage leaderboards, saving you time while ensuring a polished display of rankings.



Easy to Use Leaderboard Widget

For those who want more creative freedom, the Leaderboard Widget includes the option to add custom CSS. This allows you to fine-tune every aspect of the widget’s appearance, making it possible to match your leaderboard perfectly with your website’s style and design.

Custom CSS for Advanced Design Control

Embedding the Ranking Board is simple, requiring just a single line of code. This makes integration quick and hassle-free, no matter your technical skill level. Additionally, the widget automatically updates whenever you make changes, ensuring your leaderboard stays up-to-date without any extra effort.

Effortless Embedding of the Ranking Board on Any Website

Encourage competition and engagement on your website by displaying top performers through the Leaderboard. This feature helps create a sense of accomplishment and motivates participants to improve their scores, keeping them actively involved with your platform.

Drive User Engagement with Interactive Leaderboard

Highlight the top players or participants with visually appealing podium displays, boosting their recognition. This not only helps build a community but also creates an incentive for others to strive for higher performance, driving overall engagement.

Showcase Achievements with the Scoreboard Widget

The Leader Board Widget is highly adaptable, fitting seamlessly into various scenarios—from tracking sales reps' performance to ranking participants in a game or event. Its flexibility ensures it meets the specific needs of your site, making it a valuable addition to any competition or leaderboard-based activity.

Customizable Leaderboard for Any Use Case

Leaderboard

Gaming

Create, customize, and display product catalogs seamlessly on any website.

Utilize the Catalog widget to sort products into organized categories. An intuitive navigation panel lets visitors swiftly filter by these categories. This enhances the browsing experience, guiding users directly to their desired products.

Catalog Categories

Incorporate a "Call to Action" (CTA) button with the Catalog widget, directly linking to each item. This clickable element streamlines user navigation, leading them effortlessly to more detailed information or purchase pages. Enhance user engagement and potentially increase conversions with this intuitive feature.

CTA button

Using the Catalog widget, showcase a complete profile for each item with a title, description, and image. This holistic presentation ensures visitors receive a clear and concise overview of every offering, enhancing their browsing experience.

Comprehensive Item Details

Integrate a search bar with the Catalog widget to empower your visitors. This feature allows for immediate and accurate product searches, streamlining user navigation and helping them effortlessly find what they're looking for.

Instant Product Lookup

With the Catalog widget, choose between two distinct item layouts. This flexibility allows you to select the visual representation that best suits your content and aligns with your website's design, ensuring a cohesive and appealing user experience.

Tailored Visual Presentation

The Catalog widget offers a range of beautiful skins to choose from. Customize the appearance to match your website's style and vibe, ensuring not only functionality but also a visually appealing and cohesive user experience.

Filter Price

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Scroll Progress

Mega Footer

Code Snippets

Marketing Button

Restaurant Menu Flip Cards

Leaderboard

Catalog

Interactive Maps

Messenger Chat

RSS Feed Slider

Airbnb Reviews

Linkedin Feed

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Filter Price

OpenCart extension

App Details

Pricing

Check Out the Scroll Progress Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Scroll Progress

Mega Footer

Code Snippets

Marketing Button

Restaurant Menu Flip Cards

Leaderboard

Catalog

Interactive Maps

Messenger Chat

RSS Feed Slider

Airbnb Reviews

Linkedin Feed

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine