★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ NEW SUPER OPTIONS BUNDLE AVAILABLE! Get my 4 best options mods in one bundle and save $25! BUNDLE HERE ★★★★★★★★★★★★★★�..

Options Max Length (1.5.x only)

Present team members in a stylized and adjustable list format

Example 1

Example 2

Example 3

Example 4

The widget features six layouts with varying image sizes and text layouts, supporting both horizontal and vertical design to make sure that the Team Members widget fits your design requirements.

Team Members List Multiple Layouts

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

Gentle Intro Animation

You can add images of your team members to make them instantly recognizable and further increase trust in your company.

Add Images to the Team Members List

The Team Members Widget comes with various beautiful skins that you can choose from, so you don’t have to spend much time on extensive customization.

Multiple Team Members List Skins 

The Team Members List 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 Team Members Widget

The Team Members List 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 Team Members List 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 Team Members Widget

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

Custom CSS

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

Easy To Embed Team Members Widget

The Team Members widget comes available with a list of popular social networks, the icons of which will be displayed in a visually appealing manner on the card. You can add links to websites, emails, LinkedIn profiles, Facebook profiles, and GitHub profiles. Additionally, you display positions and make them visible on the cards so the user better knows who’s who in the company. 

Positions & Links to Popular Social Networks

The widget enables you to show your team in a nice, structured, and easy-to-read way. You can further customize the list, to make team members stand out.

Make Your Team Members Stand Out

By showing the team behind the company and by adding social buttons with links to their social media profile, you can easily increase trust in your company.

Show your team members to Increase Trust

The Team Members widget enables you to create beautiful team member pages by offering you a wide range of customization options that you can employ. Make your page stand out and set the right tone — professional, fun, glamorous, or anything else!

Enhance Design with a Team Members List

Team Member List

Lists & Cards

Example 5

The Before & After Slider widget features the option to create horizontal or vertical sliders, enabling you to unleash the full power of your creativity. With the option to create either horizontal or vertical sliders, you'll have the flexibility to tailor your sliders to fit the needs of your project whether you're a designer, photographer, or business owner, the Before & After Slider widget is the perfect tool to help you showcase your work uniquely and engagingly.

Horizontal & Vertical Slider Direction

With the Before & After Slider widget, you can create as many sliders as you desire, giving you the ability to tell a complete visual story that is tailored to your needs whether you want to showcase the progression of a construction project, the transformation of a home renovation, or the change in the appearance of a person or animal over time.

Multiple Sliders

The Before & After Slider 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 of the slider, 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 also customize the spacing of the widget to ensure it fits seamlessly into your website layout.

Fully Customizable

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

Perfectly Responsive Before & After

The Before & After Slider 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

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

Before & After Custom CSS

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

Easy To Embed Before & after

You have the ability to adjust the positioning of the labels on the Before and After Slider widget. This allows you to customize the location of the labels to fit best the design and layout of your website or application.

Label's Position

Regardless of whether your image is in the landscape, portrait, or square format, you have the ability to define the image ratio for optimal display.

Image Ratio

With the Before & After Slider, you can increase engagement on your website by offering an interactive feature for your users to interact with. More engagement increases interest and, subsequently, improves the decision-making process that will convert curious visitors into paying customers.

Increased Engagement Through Interaction

With the Before & After Slider widget you can convey a compelling story by using the right images. Demonstrate the changes global warming has on nature, show the powerful transformations of people, present interesting item restoration results and much more!

Compelling Visual Storytelling 

The Before & After Slider allows you to showcase the benefits of your product or service in the most effective way — visual, side-by-side comparison. Show how you’ve restored a mouthful of crooked teeth, or how your product has cleaned the same item, only better, or how you’ve restored a decrepit house into a glorious abode — the options are limitless!

Effective Showcase Presentation

Before & After Slider

Website Components

Images & Galleries

Showcasing Multiple Locations

The Google Maps widget can provide a handy list of all your locations. This means your visitors can quickly see all the places you operate from, and select the one they're interested in, offering an easy and fast way to access information about each location.

Accessible Location List

With the Google Maps widget, each location can be so much more than just a pin on a map. You can enhance each spot with a descriptive card that includes an image and some text, allowing your visitors to get a better sense of what each location offers before they even set foot in the door.

Enriched Location Display

With Google Maps widget, you're not just sharing a location, but offering valuable information. For each location, you can display working hours, provide a link to a dedicated website, and even share a contact phone number. This ensures your visitors have all they need to reach out or plan a visit.

Providing Comprehensive Information

The Google Maps widget lets you add a touch of personalization to your website. You can choose from a variety of beautiful map skins, ensuring the map not only provides essential information but also aligns perfectly with your site's aesthetic and branding.

Multiple Map Skins

The Google Maps widget allows you to break away from the standard pin style. You can choose from a variety of pin styles to mark your locations, adding an extra layer of customization and visual appeal to your map. This can help your site stand out and make the



Diverse Pin Styles

The Google Maps widget includes a handy direction button feature. With just a click, your visitors can open up directions from their current location to any of the spots on your map. This makes planning a visit or journey to your locations as easy as a simple click.

One-Click Directions

The Google Maps widget is fully customizable, allowing you to tweak its design to match your website's style. You can easily adjust elements like colors, fonts, and spacing to create a widget that fits seamlessly with your site. The real-time preview feature lets you experiment and refine until you land on the perfect design that enhances your users' experience.

The Google Maps widget is designed for optimal performance across all devices. Its responsive design ensures it works flawlessly on desktops, laptops, tablets, and smartphones. This adaptability provides a consistent and intuitive user experience, crucial in the mobile-centric world, giving your website a competitive edge.

Perfectly Responsive Google Maps

The Google Maps widget is designed for simplicity, requiring no coding skills. Its user-friendly dashboard, coupled with easy drag-and-drop features, lets you tailor the widget to your preference in a matter of clicks.

Easy to use

With the Google Maps widget, you can dive deeper into customization using your own CSS. Whether you're a seasoned developer or a creative enthusiast, this feature allows you to modify aspects like size, shape, and position, or even invent new styles. This flexibility ensures the widget seamlessly aligns with your website's aesthetic, elevating your visitors' experience.

Use Custom CSS

Effortlessly incorporate the Google Maps widget into your website with just a single line of code. Each change you make to the widget will automatically reflect on your website. Simply copy the provided code for the Google Maps widget and insert it into your website's HTML code. You can position this code in the most suitable area of your website, whether that's the footer, header, or any other section.

Easy to embed on any website

With a maps widget, your visitors can quickly and effortlessly find your physical location. No need to leave your site to search for an address, it's all right there, simplifying their user journey.

Ease of Location Discovery

Having a maps widget on your site shows you have nothing to hide. It's a sign of trustworthiness and transparency, assuring your visitors that you're a real entity with a physical presence.

Increased Trust and Transparency

Implementing a maps widget can contribute to local SEO. As search engines understand your site's relevance to a location, you can potentially rank higher in local search results, attracting more visitors.

Boosted SEO Value

Google Maps

Manage Events, Engage Visitors, and Elevate Your Brand’s Image

The Calendar widget enables effortless toggling of events as "All Day," allowing you to conveniently manage and display full-day events without specifying a specific time. This feature simplifies the process of highlighting key activities, making it easier for your visitors to identify and plan for full-day events.

Seamless All-Day Event Management

The Calendar widget comes with color customization options, empowering you to create visually appealing calendars that align with your website's branding or personal preferences. This flexibility not only enhances the aesthetic appeal of your website but also aids in creating a consistent and immersive user experience that resonates with your brand.

Personalized Color Customization

With the Calendar's ability to add links, you can enhance interactivity by attaching URLs to specific dates or events, providing additional information, or redirecting users to relevant pages. This feature not only adds depth to your event descriptions but also serves as a tool for guiding your visitors to additional resources or actions, thereby increasing user engagement and satisfaction.

Enhanced Interactivity with a Calendar Link Integration

The Calendar widget supports media integration, allowing you to enrich your calendar by adding images to events, creating a visually engaging experience. This multimedia approach not only makes your calendar more engaging but also provides a richer context for your events, thereby enhancing the overall user experience.

Visualize Events with Media Integration

With the Calendar Widget's customizable default view, you can choose the initial display mode that best suits your website's needs, such as month, week, or day view, providing a tailored user experience. This feature ensures that your users are immediately presented with the most relevant view, enhancing usability and ensuring that your website caters to a variety of user preferences.

Flexible Start Date Selection

The Calendar 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. These ready-to-use skins not only save you time but also ensure a professional and aesthetically pleasing look, enhancing your website's appeal without requiring extensive design work.

Calendar Multiple Skins

The Calendar 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. This inclusivity feature broadens your website's reach, making it more user-friendly and accessible to a global audience, thus promoting diversity and inclusivity.

Calendar with Full RTL Support

The Calendar 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 level of customization allows you to create a unique and personalized calendar that aligns perfectly with your brand identity, thereby enhancing the overall aesthetic and user experience of your website.

Fully Customizable Calendar Widget

The Calendar 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. This responsiveness ensures a seamless user experience across all devices, giving you an edge in today's mobile-centric digital landscape.

Perfectly Responsive Calendar widget

The Calendar 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. This user-friendly design empowers even non-technical users to customize the widget to their liking, making it a versatile tool for enhancing your website's functionality and appeal.

Easy To Use Calendar

The Calendar widget's custom CSS feature offers you the ultimate control over the look and feel of your calendar. This advanced customization option allows you to modify the widget's design elements such as colors, fonts, and layout to perfectly match your website's aesthetics, providing a truly personalized and seamless user experience.

Calendar Widget Custom CSS

You can embed the widget on your website easily by copying a single line of code. The Calendar widget will also be updated automatically with every change you make. This ease of integration and automatic updating not only simplifies the implementation process but also ensures that your website always displays the most current and relevant information.

Easy To Embed Calendar widget

A calendar widget on your website allows you to manage and showcase important events, meetings, or deadlines, making it easier for your visitors to stay informed and organized. Moreover, by providing a clear view of upcoming activities, it empowers your visitors to plan ahead, potentially increasing their participation and engagement with your content or services.





Streamlined Event Management with a Calendar Widget

Interactive calendars can improve user engagement by encouraging users to explore upcoming events, subscribe to event notifications, or even book appointments directly from your website. Indeed, interactive calendars can boost engagement by prompting users to explore events, subscribe to notifications, or book appointments directly on your site.

Add Calendar widget to Improved User Engagement

A well-maintained calendar reflects a sense of organization and professionalism, enhancing your brand image and building trust among your website visitors. A well-curated calendar not only reflects a high level of organization and professionalism but also strengthens your brand image and fosters trust among your website visitors.

Enhanced Professionalism

Calendar

Merge Instagram content with a slider for dynamic website visuals

Introduce an interactive element to your Instagram Slider with hover effects. As visitors navigate through your Instagram content, subtle effects can highlight images under the cursor, providing a more dynamic and engaging user experience.

Interactive Hover Effects

Keep your content fresh and engaging with the Instagram Slider's auto-refresh feature. This ensures that your website always displays the latest images from your Instagram feed without any manual updates, offering a continually evolving visual experience to your visitors.

Seamless Feed Auto Refresh

Make each image in your Instagram Slider a gateway to deeper engagement. Clickable images can lead visitors directly to your Instagram posts, encouraging interaction and exploration of your Instagram profile, fostering a stronger connection between your website and social media presence.

Direct Engagement with Clickable Images

Tailor the Instagram Slider to your exact preferences with extensive customization options. Adjust colors, fonts, and more to match your website's style, making your Instagram content stand out uniquely.

Full Customization Capabilities

The Instagram Slider ensures your content looks stunning on any screen size. Its responsive design adapts to different devices, providing an optimal viewing experience for all visitors.

Responsive Across Devices

The Instagram Slider offers a straightforward interface, enabling effortless personalization and application, ensuring a seamless experience even for those with no technical expertise.

Easy to use Instagram Slider

 For those who wish to delve deeper into customization, the Instagram Slider supports custom CSS. This feature allows for advanced styling and personalization, ensuring your widget perfectly captures your website's essence.

Creative Freedom with Custom CSS

Embedding the Instagram Slider is straightforward, requiring no coding skills. Its user-friendly setup allows for easy integration into your website, enhancing its functionality and visual appeal.



By combining Instagram feeds with a dynamic slider format, this widget significantly boosts visual engagement on your website. It showcases your latest Instagram content in a more interactive and appealing manner, encouraging visitors to spend more time exploring your visuals.

Enhanced Visual Engagement with Instagram Slider

The Instagram Slider widget automates the process of updating your website with fresh content from your Instagram feed. This seamless integration ensures your site remains vibrant and up-to-date with minimal effort, enhancing your online presence and keeping your audience engaged.

Streamlined Content Updates

By showcasing your Instagram content in an attractive slider format, you not only enhance your website's appeal but also encourage visitors to follow your Instagram profile. This can lead to increased social media engagement and growth in your online community.

Increase Social Media Following

Instagram Slider

Social Feeds

New!

Displays a countdown clock, with multiple effects and styles

The Countdown Bar widget features optional automation that allows you to set the timer to disappear after completion to not confuse new visitors.

Automatic Timer Hiding at Sale’s End

The Countdown Bar features a sticky timer that will stay in a fixed position regardless of how far down the page you scroll.

Sticky Timer

The Countdown Bar widget features a beautiful selection of 20 skins including thematic and seasonal skins that you can use for those holiday promotions, Black Friday promotions, Cyber Monday promotions and other, similar, seasonal promotions.

Over 20 Beautiful Skins

The Countdown Bar 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 Countdown Bar 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 Countdown Bar 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, you can add custom CSS to customize the Countdown Bar widget and be even more creative.

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

Easy To Embed

With the Countdown Bar widget, you can create a sense of urgency and encourage your users to make a quick decision for fear of missing out.

Create a Sense of Urgency To Increase Conversions

The Countdown Bar widget will make your sale visible and known to site visitors and help generate interest and encourage users to investigate further.

Make Your Sale Known & Generate Interest

The Countdown Bar widget will draw more users to your website and will open them up to your other products and services. 

Promote Your Other Products & Services

Countdown Bar

Popups, Bars & Buttons

Boost Sales

Countdown Bar base template

Countdown Bar Template 10

Countdown Bar Template 9

Countdown Bar Template 8

Countdown Bar Template 7

Countdown Bar Template 6

Countdown Bar Template 5

Countdown Bar Template 4

Countdown Bar Templates 3

Countdown Bar Template 2

Countdown Bar Template 1

Display images within frames depicting screens of various computer and mobile devices

A device mockup will not only help your users visualize your message, but with the right colors, fonts, and images, it can create a stronger association with your brand. 


Enhanced Design — Stronger Brand Presentation

With the right mockups, you can help your users visualize your services or products on their various devices, making their decision-making process shorter and in your favor. 

Easy Visualization — Better Understanding

Style 3

Style 4

Style 5

The widget features a selection of various devices and device types that you can choose from. The devices include mobile, tablet, laptop, and desktop, while the device types will enable you to choose a more specific device like an iPhone, a Galaxy phone, an iPad, and many more.


Multiple Devices

The widget comes with the ability to change the device's orientation from portrait to landscape and vice versa.

Portrait & Landscape

The widget features the option for in-mockup scrolling, which will allow you to add more content and make the user’s journey even more immersive.

In-Mockup Scrolling

You can play with the device’s brightness to complement your design needs and highlight the various choices you are more in favor of.

Options Max Length (1.5.x only)

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Team Member List

Before & After Slider

Google Maps

Calendar

Instagram Slider

Countdown Bar

Device Mockup

App Store Reviews

Bracket Maker

Donation Button

Calculator

My Reviews on Amazon

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Options Max Length (1.5.x only)

OpenCart extension

App Details

Pricing

Check Out the Team Member List Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Team Member List

Before & After Slider

Google Maps

Calendar

Instagram Slider

Countdown Bar

Device Mockup

App Store Reviews

Bracket Maker

Donation Button

Calculator

My Reviews on Amazon

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine