Displays images and captions in diverse layouts and grids, presenting visually appealing arrangements for showcasing multiple images

Example 1

Example 2

Example 3

Example 4

Example 5

The Image Gallery comes available with five different grid layouts that will enable you to choose from organized, uniform boxes, to more disorganized and different-sized boxes to better fit your brand, personality, and website design.
With the ability to choose from multiple grid layouts, the Image Gallery provides you with the flexibility to create a visual experience that is unique and personalized for your website visitors.

5 Different Image Gallery Grids

The Image Gallery enables enlarging images by opening them in a popup, which not only makes it easy to interact with images but also keeps the overall user experience more immersive.

Enlarge The Images In a Popup

The Image Gallery enables micro animation to make the whole process of interacting with the image gallery more enjoyable and less static. These micro animations provide a subtle but effective way to increase engagement, making your website more interactive and user-friendly for visitors.

Image Gallery Micro Animation

The Image Gallery provides the option to add captions and descriptions to images to help users understand what the image is of. The captions and descriptions also provide valuable information for search engines, making it easier for your website to be discovered by those searching for related content. This can improve your website's visibility and attract more traffic to your site.

Add Caption and Description

The Image Gallery 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 allows you to create a unique visual experience for your website visitors that reflects your brand and personality, making your website stand out from the competition.

Fully Customizable Image Gallery

The Image Gallery 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.
By ensuring that your website is mobile-friendly, you can attract and retain more visitors, improve your search engine rankings, and increase your online visibility, resulting in more leads and sales for your business.

Perfectly Responsive Image Gallery

The Image Gallery widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget any way you’d like to with just a few simple clicks.

Easy To Use Widget

As with all of Common Ninja’s apps, you can add custom CSS to customize the Image Gallery widget and be even more creative. Adding custom CSS to your Image Gallery widget allows for even more creative freedom, giving you the ability to fine-tune the design and make your website truly unique.

Image Gallery Custom CSS

You can embed the Image Gallery on your website easily by copying a single line of code. No coding skill is required and it's compatible with most website-building platforms.
This makes it easy for anyone to add an Image Gallery to their website, regardless of their technical expertise or website-building platform, making the widget accessible and user-friendly for everyone.


Easy To Embed  Image Gallery

With the Image Gallery widget, you can easily showcase your work or products in the most visually appealing, and easy-to-follow way. Ideal for photographers and artists who rely on showing their visual works and shop owners who wish to display their products. 


Use an Image Gallery to Showcase Your Work or Products

Creating an image gallery on any website is a great way to improve its aesthetics. With different grid types and animations, it’s especially easy to stand out and wow your visitors.

Enhance Your Website with an Image Gallery

With a clear representation of your work or products via an interactive image gallery, visitors are more likely to engage with those images and convert to paying customers once they see the amazing work or products you offer.

Improve Engagement & Conversions

Use the Image Gallery widget when your content relies heavily on visuals and you need a structured, attractive way to display many images at once. Galleries let you group photos by theme or project and present them in responsive grids, masonry layouts, or other clear patterns. Visitors can scan thumbnails quickly and open only the images that interest them, which makes exploration efficient. This is ideal for portfolios, real estate, restaurants, events, and ecommerce collections. A well designed gallery communicates quality, attention to detail, and scale of work while remaining easy to maintain. It also keeps your page from feeling chaotic, even when you display a large number of assets.

Image Gallery

Images & Galleries

Detects ad blockers on websites, enhancing ad revenue security.

Choose from a range of beautifully crafted skins for the AdBlocker Detector widget to match your brand and website's look. This feature greatly reduces the time and effort needed for customization while enhancing your site's visual appeal. Whether your website sports a contemporary, minimalist, or traditional design, there's a perfect skin to align with it, ensuring a consistent and attractive user interface.

Multiple AdBlocker Detector Design Skins

Improve your interaction with users who have ad blockers enabled by employing a personalized message accompanied by your choice of icons or images. This feature of the AdBlocker Detector allows you to create a visually engaging alert, informing users that their ad blocker is detected. You have the option to select from a range of icons or upload your own image, crafting a unique and attention-grabbing notification on your website.

Enhance Alert with Icons or Images

When the AdBlocker Detector identifies a visitor using an ad blocker, it presents a customized message. This message can be a polite reminder or an informative alert, informing users about the impact of ad blockers on your site. Utilize this feature to communicate the importance of advertising in supporting your content, while maintaining a professional and consistent tone across your site. This not only educates visitors about the effects of ad blocking but also underscores the value of your content and encourages more responsible web-behavior.

Tailored Message content for Ad Blocker Detection

The AdBlocker Detector widget is engineered to identify a wide range of ad blockers used by visitors. This feature ensures that your website is equipped to detect and respond to numerous ad-blocking tools, from the most common to more niche varieties. The ability to recognize multiple ad blockers is crucial in effectively managing how ad blocking impacts your site's revenue and user experience, ensuring that you have comprehensive insights and control over the advertising display and engagement on your website.

Robust Detection of Various Ad Blockers

The AdBlocker Detector includes a handy refresh button feature. This button becomes visible to users once they have disabled their ad blocker, assisting them in easily refreshing the page. The addition of this refresh button streamlines the process for users, enabling them to immediately see your content without ad block interference. It's a user-friendly approach that simplifies the user's action to comply with your request, enhancing the overall experience on your website and encouraging compliance with your ad-display policies.

Convenient Refresh Button Post Ad Blocker Disabling

With extensive customization options, the AdBlocker Detector can be tailored to your specific design preferences. Adjust colors, fonts, spacing, and more to fit the unique aesthetic of your site. This level of customization provides unparalleled flexibility, allowing you to create an AdBlocker Detector that is not only effective but also uniquely yours.

Fully Customizable AdBlocker Detector Widget

The AdBlocker Detector is designed to display elegantly across all devices. Its responsive design is essential in today's mobile-centric world, ensuring a consistent user experience whether on a desktop, tablet, or smartphone.

Perfectly Responsive AdBlocker Detector widget

This widget is crafted for ease of use, requiring no coding skills for customization. Its intuitive interface simplifies the customization process, allowing for quick and easy adjustments. This accessibility makes the AdBlocker Detector an ideal choice for website owners of all technical backgrounds.

Easy to use AdBlocker Detector widget

For those who desire even more creative control, the AdBlocker Detector offers the option to add custom CSS. This feature caters to developers and designers looking to apply a unique touch, enabling deeper customization to match the specific style and interaction needs of your website.

Enhanced Creativity with Custom CSS in AdBlocker Detector

Embedding the AdBlocker Detector on your website is straightforward, involving just a single line of code. This ease of integration, combined with automatic updates, simplifies maintenance and ensures your website always displays the most current version of the widget without additional effort.


Effortless Embedding of the AdBlocker Detector

The Adblock Detector widget plays a crucial role in safeguarding your digital advertising revenue. By identifying visitors using ad blockers, it enables you to take appropriate actions, such as requesting users to whitelist your site. This proactive approach helps maintain the flow of ad revenue, which is essential for the financial sustainability of many websites.

Enhanced Revenue Protection with Adblock Detector

By addressing the impact of ad blockers, the Adblock Detector can positively influence key website performance metrics. Understanding and managing ad-block usage helps in maintaining healthy traffic levels and engagement rates, crucial factors in the overall performance and ranking of your website.

Boost in Website Performance Metrics

The Adblock Detector aids in protecting the value of your content. By identifying users who bypass ads, you can ensure that the effort and resources put into creating content are adequately compensated through advertising revenue, keeping the content accessible and sustainable.

Protection of Content Value

Use the AdBlocker Detector widget when part of your business relies on advertising and you need visibility into how many visitors are blocking ads. The widget can display a gentle message that explains why ads matter for your work and invites users to whitelist your site or consider other support options. This is important for publishers, blogs, and free tools that depend on ad revenue. Without detection, you fly blind and might misread analytics data. With it, you can adjust strategies, test alternative monetization, or simply communicate more openly. Done respectfully, this can improve sustainability without alienating your audience.

AdBlocker Detector

Website Components

Popups, Bars & Buttons

Create interactive, customizable maps with color coding, tooltips, and easy website embedding.

The Interactive Maps widget offers a selection of over 250 maps of world countries. This extensive library allows you to choose the exact map that fits your needs, making it easy to create detailed and customized data visualizations for any region across the globe.

Extensive Map Selection

The Interactive Maps widget allows you to set custom color coding categories and assign them to each polygon on the map. This feature makes it easy to visually distinguish between different data sets, regions, or categories by using a variety of colors. Whether you're highlighting states, counties, or any other geographic areas, this option provides a clear and effective way to represent your data in a visually engaging manner.

Customizable Color Coding for Interactive Maps

The Interactive Maps widget includes an option to display a legend, making it easy for users to understand the color coding and data categories on the map. The legend enhances clarity by providing a quick reference, ensuring that your audience can easily interpret the data represented in the map’s color-coded regions.

Integrated Legend Display for Interactive Maps

The Interactive Maps widget allows you to set custom links for each polygon, directing users to external webpages. This feature is ideal for providing additional information, resources, or related content, making your map not just a visual tool but an interactive gateway to deeper engagement with your audience.

Link Polygons to External Webpages

The Interactive Maps widget offers a variety of beautiful design skins, allowing you to choose a look that seamlessly aligns with your website's aesthetics. Whether your site has a modern, minimalist, or traditional style, there’s a skin that will enhance the visual appeal of your map while saving you time on customization.

Multiple Design Skins for Interactive Maps

The Interactive Maps widget enables you to create custom tooltips for each polygon, complete with a header image and text. This feature allows you to provide rich, detailed information when users hover over different regions, enhancing the interactivity and depth of your map. It’s a powerful way to deliver context and insight directly within the map itself.

Add Tooltips with Image and Text for Each Polygon

The Interactive Maps widget provides extensive customization options, letting you adjust colors, fonts, spacing, and more to suit your specific needs. This flexibility ensures that your map not only functions well but also complements the unique design of your website.

Fully Customizable Interactive Maps

Designed for responsiveness, the Interactive Maps widget ensures your map displays elegantly on any device, from desktops to smartphones. This feature is crucial for providing a consistent user experience, regardless of how visitors access your site.

Perfectly Responsive Interactive Maps

The Interactive Maps widget is user-friendly, requiring no coding skills for customization. Its intuitive dashboard allows you to easily tailor the map to your preferences, making it accessible for users of all technical levels.

Easy-to-Use Interactive Maps Widget

For those seeking deeper customization, the Interactive Maps widget supports custom CSS. This feature is perfect for developers and designers who want to apply a unique style or add advanced functionality to the map, allowing for a truly personalized experience.

Custom CSS for Advanced Styling

Embedding the Interactive Maps widget on your website is straightforward, requiring just a single line of code. The widget automatically updates with any changes you make, ensuring that your map is always current without any extra effort.

Effortless Embedding of Interactive Maps

Empower your website with visually appealing data representation using Interactive Maps. These maps allow users to easily interpret complex data through color-coded regions, improving user engagement and understanding.

Enhance Data Visualization with Interactive Maps

Transform complex datasets into easily digestible visuals with Interactive Choropleth Maps. This tool helps website visitors quickly grasp insights by representing data through color variations across geographic regions.

Simplify Complex Information Using Interactive Choropleth Maps

Utilize the power of Interactive Choropleth Maps to present data in a way that aids decision-making. The ability to highlight and compare different regions at a glance makes it easier for users to draw meaningful conclusions.

Drive Decisions with Interactive Choropleth Maps

Use the Interactive Maps widget when you need to visualize geographic data or territory in a way that encourages exploration and understanding. Color coded regions, markers, and tooltips let visitors see patterns such as coverage, performance, or demographics at a glance. This is powerful for franchises, logistics, sales territories, statistics dashboards, travel sites, and educational content. Rather than static images, interactive maps respond to hover and click, revealing more details without cluttering the view. They help you tell stories about place, reach, and impact in a way that is intuitive even for users who do not enjoy reading tables or complex charts.

Interactive Maps

Get Creative

Display important messages and notifications in a designed bar, at the top or bottom of the screen

The Notification Bar widget features advanced display rules — like when or where to display the widget — that you can set and customize. The rules include action triggers like “on exit”, “time delay”, “page scroll” and more.

Customizable Display Rules

The Notification Bar widget comes with two position options — you can either show it at the top of the screen or at its bottom.

Top or Bottom Notification Bar

The Notification Bar widget features the “sticky” option, which can pin your notification bar and fix it to a position of your choosing. That way, when the user scrolls, down or up, they’ll still see the notification bar.

Sticky Feature Bar

You can add a button to the Notification Bar widget, and add a link to it to improve navigation, encourage action and improve conversions.

Add a Button to the Notification Bar

The Notification Bar widget comes with a selection of beautiful icons that you can use to add to the notification bar and enrich its visual appearance.

Show an Icon

To enable the process of customization quicker, you can choose one of the many button templates available.

Multiple Button Templates

The Notification Bar widget comes with a playful “shaking” button animation, with which you can draw attention to the button and encourage users to click on it.

Shaking Button Animation

The Notification Bar 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 Notification 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!

Fully Customizable Widget

The Notification Bar 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 Notification Bar

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

Easy To Use Notification widget

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

Custom CSS

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

Easy To Embed on your website

The Notification Bar widget lets you notify your site visitors of important information. Whether it’s about updates, changes in pricing or policy, or promotions and discounts — your site visitors will certainly notice it.

Notify Site Visitors

The Notification Bar widget comes with full customization options, a “sticky” feature as well as a “shaking” button animation, and further templates and skins — all of which will serve to draw the attention of your visitors to the message you are trying to convey.


Draw Attention

With the Notification Bar widget, you can easily tailor a message that will drive your users to action. The Notification Bar widget features the ability to add a button, link it, and make it extra visible with animation. Whether you want your users to sign up, purchase something, or perform another action, the widget will surely help you with that.

Encourage Action

Use the Notification Bar widget when you need to share important information without interrupting the browsing experience. A slim bar at the top or bottom of the screen can highlight announcements, shipping updates, policy changes, discounts, or calls to action in a way that stays visible but not intrusive. This is especially effective for time sensitive messages, site wide updates, and targeted campaigns. Visitors do not need to search for details because the bar keeps them in view as they scroll. A well written notification bar reduces confusion, increases clicks on key offers, and helps guide users smoothly toward the next step while keeping your page clean.

Notification Bar

Boost Sales

E-Commerce

notification bar 1

Showcases videos in a rotating or sliding manner

The Video Carousel widget supports a variety of video hosting platforms, including YouTube, SoundCloud, Facebook, Vimeo, Twitch, Streamable, Wistia, DailyMotion, Mixcloud, Vidyard, and Kaltura.
With the ability to display videos from multiple platforms, you can provide your website's users with a diverse range of video content catering to different user preferences. This, allows you to leverage the strengths of each hosting platform.

Multiple Video Hosting Platforms

The Video Carousel widget comes with the option to change the carousel’s video sizes — from small, to large, vertical, or horizontal, you make the widget fit your specific needs.
The ability to customize the size and orientation of your video carousel is a valuable feature that can enhance your website's visual design and usability. By having the option to change the size of the video carousel widget, you can ensure that it fits seamlessly into the layout of your website, without disrupting the overall design. Moreover, you can choose between a vertical or horizontal orientation, depending on the type of video content you want to showcase and the layout of your website.

Video Size

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

Arrows & Pagination 

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

Slider Speed & Time Per Slide

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

Video Carousel Multiple Layouts

The Video Carousel widget features full customization options so you can edit the design to fit your needs. Change the colors, the fonts, the spacing, and anything else!
The ability to fully customize the design of your video carousel is a powerful feature that can help you to create a more cohesive and visually appealing website. By having the option to customize the look&feel, you can ensure that your video carousel matches the style and branding of your website. This can create a more professional and polished appearance, helping to build trust and credibility with your users.

Fully Customizable Video Carousel

The Video Carousel widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget any way you’d like to with just a few simple clicks.

Easy To Use widget

In addition to the built-in customization options, the Video Carousel widget allows you to add your custom CSS to enhance the button further and make it truly unique. Whether you're a seasoned developer or simply looking to get creative, the ability to add custom CSS gives you the power to take your website design to the next level. With custom CSS, you can change the button's size, shape, and positioning, or even create entirely new styles from scratch. The possibilities are endless, and with some creativity, you can make the Video Carousel widget your own. This level of customization allows you to create a button that fits perfectly with the look and feel of your website and enhances the overall user experience for your visitors. Whether you're looking to create a sleek, modern design or a more traditional, classic look, the Image Video Carousel and its custom CSS capabilities give you the tools you need to make it happen.

Video Carousel Custom CSS

You can easily embed the Video Carousel widget on your website by copying a single line of code. The Video Carousel will also be updated automatically with every change you make.
Copy the code for the Video Carousel widget and paste it into your website's HTML code.

Easy To Embed Video Carousel

With the Video Carousel widget, you can enhance your website’s design by selecting beautiful videos, and with the ability to change their sizes, and the slider’s options, you will be able to create a Video Carousel that is perfect for your website.

Enhance Design with Video Carousel

A major benefit of the video carousel is that it doesn’t take up much space. Unlike Video galleries that take up a lot of space, the video carousel can show as many videos as you want, from within a fixed position, and in an interactive manner. Additionally, you can create different carousels for different categories, and avoid building additional pages for different categories.

Save Space on your webpage

The Video Carousel widget is a perfect way to grab visitors' attention, promote your services or products, and improve conversion rates. In addition, a video carousel can also provide valuable insights into user behavior and engagement through analytics, allowing you to refine your content strategy and optimize your video marketing efforts.

Use the Video Carousel to Increased Engagement & Conversions

Use the Video Carousel widget when video is central to your message but you have multiple clips to show and only limited room. It lets you present several videos in a clean slider where each item is easy to access without feeling cluttered. You can group tutorials, testimonials, product demos, feature walkthroughs, or customer stories and keep them all visible from one strip. This is ideal on homepages, product pages, and learning hubs where users want to explore different angles before committing. The carousel format encourages exploration, increases video views, and ensures that your most important clips are always close to the viewer rather than hidden deep in archives.

Video Carousel

Media

Present Yelp reviews for your business on your website

The app comes with three review types — Carousel, Grid, and List, that will help you customize the apps and make them fit your design needs.

Different Review Types

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

Yelp Reviews Filter

With a simple toggle of a button, you can make sure that you manually approve all the reviews that will be displayed.

Manually Reviews Approval

The app features additional filtering options in the form of keyword inclusion or exclusion — ideal for specific services.

Include or Exclude Keywords

The app comes with sorting options that will help you customize your display to show reviews by the oldest or the newest reviews.

Reviews Sorting Options

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

Multiple Layouts

The Yelp Reviews 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 Yelp Reviews 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!

Fully Customizable

The Yelp Reviews 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.

Perfectly Responsive

The Yelp Reviews app 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

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

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

Easy To Embed

Yelp Reviews are considered to be trustful and can have a big impact on a user's decision of whether to use your service. Thereby, having those reviews clearly displayed on your website via this app will be absolutely beneficial.

Increase Credibility & Trust

By clearly displaying your good Yelp Reviews and increasing trust in your service, you will be able to help undecided users to make the decision to become paying customers quicker.

Drive Sales Up Quicker

The app’s full customization options will enable you to choose from different review types, layouts, skins, fonts, colors, and more, and make the reviews complement your website’s design.

Enhance Design

Use the Yelp Reviews widget when your business depends on local trust and Yelp is a key place where customers share experiences. Restaurants, salons, clinics, and service providers often gain or lose customers based on Yelp ratings. By displaying reviews on your site, you bring that credibility into your own flow and help visitors decide faster. Structured review previews let users scan star scores and real comments quickly, without leaving your domain. This reduces friction and keeps attention on your offer. Visible Yelp feedback also signals transparency and confidence, showing you stand behind your service. Pairing strong Yelp proof near menus, booking buttons, or contact forms can directly strengthen conversions.

Yelp Reviews

Reviews

Unleash creativity with a unique blend of grid gallery and carousel slider. Customizable, user-friendly, and mobile-optimized.

Introduce an element of dynamism to your image display with our unique carousel feature. This format breathes life into your grid images, creating a striking visual experience for your site visitors.

Experience a Carousel Spin on Grid Images

Tailor your gallery to align seamlessly with your website aesthetics. Our range of grid layouts offers you the flexibility to choose a structure that both highlights your images and fits your site's overall design.



Choose from a Variety of Grid Layouts

Empower your site visitors with the ability to interact directly with your image gallery through the drag-and-move option for the carousel. This feature not only enhances user engagement but also allows users to navigate your gallery at their own pace, creating a more personalized and enjoyable browsing experience.

Drag-and-Move Carousel Option

Use the Image Grid Slider widget when you want to show many visuals while still keeping motion and structure in the same section. It blends a grid layout with carousel behavior so visitors see multiple items at once and can slide through additional sets. This is ideal for large collections, product galleries, inspiration boards, and community photos where volume matters. The combination of grid and sliding keeps the section compact yet rich. Visitors can explore without feeling overwhelmed by endless scrolling, and you maintain a clean layout that works well on both desktop and mobile screens.

Discover the best apps for Shift4Shop

Some of the best Common Ninja apps for Shift4Shop

Image Gallery

AdBlocker Detector

Interactive Maps

Notification Bar

Video Carousel

Yelp Reviews

Image Grid Slider

Sitejabber Reviews

Creative Card Carousel

Job Application Form

Pricing Slider

Restaurant Menu

Common Ninja Search Engine