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 4

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.

Multiple Layouts

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!

Fully Customizable

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.

Custom CSS

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

Website Components

Show off content in an inventive way using animated 3D card displays

It’s easy to follow information when it’s presented in an organized way, and when symmetry is applied, then the experience becomes even more enjoyable. 

Simple. Organized.

By presenting your products dynamically and engagingly, you'll leave a lasting impression on your audience and increase the chances of making a sale. Don't just settle for ordinary product presentations – choose a solution that will make a lasting impact on your audience and drive conversions.

Dynamic Product Display for a Lasting Impression

Turn things around and make your content a must-see destination for your visitors. By transforming your website's content into an engaging and attractive experience, you'll keep your visitors coming back for more and encourage them to share your content with their friends and followers.

Transform website content into an engaging experience for visitors

Using different layout options, you'll be able to find the perfect combination that speaks to your brand and engages your audience. Don't be afraid to get creative and think outside the box – sometimes the most unexpected layouts and styles can lead to the most compelling and practical designs.

Experimenting with Layouts and Styles for Website or Project

A simple but effective way to do that is by including a call-to-action button. A call-to-action (CTA) button is a button or link that prompts your visitors to take a specific action, such as making a purchase, signing up for a newsletter, or downloading a piece of content.

Call-to-Action Button for Encouraging Visitors to Take Next Step

The widget features a lovely 3D animation that will react to your user’s hovering motion, creating a fun, interactive experience for your users.

3D Animation

The widget has the option to toggle flipping on, which will enable users to click on an arrow and flip the card to show its backside, thereby enabling you to add more content to the card.

Card Flipping

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

The 3D 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.

Multiple Skins

The 3D Cards widget comes with a selection of beautiful icons that you can use to add to it and enrich its visual appearance.

A Selection of Beautiful Icons

The 3D Cards 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 3D 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

The 3D 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 Animated Cards Widget

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

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

Easy To Embed

With the 3D Cards widget, you can instantly draw attention to relevant information on the cards thanks to the full customization, the 3D animation, and the option to add the “flip” option.

Draw Attention

The widget will enable you to increase conversions by allowing you to add a button to the card linking it to relevant pages (the checkout page, for example).

Increase Conversions

With a 3D animation that reacts to the user’s hover movement, as well as the option to click on an arrow and flip the card, you will be able to create an interactive experience for your users, making their time on your website more fun and entertaining.

Add Interactivity

3D Cards

Get Creative

Lists & Cards

Example 1

Example 2

Example 3

Example 4

Example 5

The Notification Popup widget features advanced display rules — like when or where to display the app — 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 Popup widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style.

Multiple Notification Popup Layouts

The Notification Popup 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 Notice Skins

The Notification Popup widget comes with a selection of beautiful icons that you can use to add to it and enrich its visual appearance.

The Notification Popup 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 Notification Popup 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 Notification Popup widget

The Notification Popup 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 popup

The Notification Popup 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 Notification widget

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

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

Easy To Embed Notification popup

The Notification pop-up widget is hard to miss and requires action from the user to close it, so you can be sure that your message will be seen and received by visitors to your website.

Hard To Miss Notifications

The Notification widget is fully customizable and can be customized to enhance and complement your site's design, reinforcing your brand recognition.

Enhanced Notice Design

With the ability to add CTA buttons within the Notification popup, you can improve the user’s journey through optimized navigation and enhance their experience.

Easy Navigation

Notification Popup

Popups, Bars & Buttons

Notification Popup Template 14

Notification Popup Template 13

Notification Popup Template 12

Notification Popup Template 11

Notification Popup Template 10

Notification Popup Template 9

Notification Popup template 8

Notification Popup template 7

Notification Popup template 6

Notification Popup template 5

Notification Popup template 4

Notification Popup template 3

Notification Popup template 2

Notification Popup template 1

Easily craft, customize, and integrate flow charts on your website.

The Diagrams widget offers a versatile range of shapes to represent your information best. Choose from rectangles, ellipses, or triangles to create distinct visuals. Whether you're outlining a process, highlighting key points, or showcasing a hierarchy, these shapes ensure your diagrams are both functional and aesthetically pleasing.

Shape Variety at Your Fingertips

Tailor the connections between your shapes with a variety of connector types. Whether you prefer the artistic curves of bezier, the simplicity of a straight line, or the elegance of smooth steps, the Diagrams widget has you covered. This feature allows you to design diagrams that are both clear in conveying information and visually engaging.



Flexible Connection Choices

Breathe life into your diagrams with animated connectors. This feature gives the illusion of data streaming from one shape to another, adding a dynamic touch to your visuals and making your diagrams more engaging for the audience.

Dynamic Connector Animations

Enhance the clarity of your diagrams with the addition of labels and tooltips. Attach descriptive labels to your connectors to provide context, and use tooltips on shapes to offer additional information on hover. This ensures that your audience receives a comprehensive understanding of the content, all while interacting with the diagram.

Informative Labels and Tooltips

Add clarity to the flow of your diagrams with customizable connector arrows. The Diagrams widget lets you set arrows at the start, end, or both ends of your connectors. This ensures that your audience can easily follow the direction and flow of information, making your diagrams more intuitive and user-friendly.

Directional Arrow Options

Elevate the visual appeal of your diagrams by embedding images directly into your chosen shapes. Whether it's a logo, an icon, or any relevant image, this feature enhances the informational and visual value of your diagrams. By combining imagery with textual content, you can create a more immersive and informative experience for your website visitors.

Embed Images Within Shapes

Tailor the look of your diagrams with a variety of skins. Whether you're aiming for a modern, classic, or unique aesthetic, the Diagrams widget offers multiple designs to align with your website's theme and your personal preferences.

Diverse Aesthetic Skins

Dive into a world of endless possibilities with the Diagrams widget. Designed to be fully customizable, it empowers you to tweak every aspect, from shapes and connectors to skins and animations. This ensures that your diagrams not only serve their purpose but also resonate with your brand and vision, making your website truly stand out.

Complete Customization Control

Experience simplicity at its best with the Diagrams widget. Designed with users in mind, its intuitive interface ensures that creating and modifying diagrams is a breeze, even for those new to the world of web design.

User-Friendly Interface

Ensure a seamless viewing experience across devices with the Diagrams widget. Whether accessed from a desktop, tablet, or smartphone, the widget adjusts perfectly, guaranteeing that your diagrams look impeccable every time.

Adaptable Responsiveness

Unleash your creativity and tailor the Diagrams widget to your exact specifications using custom CSS. This feature allows for deeper customization, ensuring that your diagrams not only function well but also align perfectly with your website's design.

Customize with CSS

Embedding the Diagrams widget into your website is as simple as copying and pasting a code. With its straightforward integration process, you can quickly enhance your site with interactive diagrams without any technical hurdles.

Effortless Integration

Relying solely on text can make content monotonous. By integrating diagrams and flow charts, site owners can diversify their content presentation, catering to a broader audience. Some visitors prefer visual explanations over textual ones, and offering both can cater to varied learning styles, ensuring a more inclusive user experience.

Diversified Content Presentation

Visual aids, such as diagrams and flow charts, are known to improve content retention among users. By presenting information visually, site owners can ensure that their content is not only understood but also remembered by visitors. This can lead to better brand recall and a stronger connection with the audience.

Enhance Content Retention

A well-organized website with clear visuals, like diagrams and flow charts, can elevate the site's professionalism. Visitors often associate such visual aids with thorough research and expertise, enhancing the site's credibility and making them more likely to trust and return to your content.

Increas Professionalism and Credibility

Diagrams

Display the latest posts from your Linkedin page

You can add a sense of movement to your Linkedin feed pages by using the "ticker" animation, which mimics a news ticker. You can use it to grab the user's attention immediately.

Ticker Animation

You can further customize the Linkedin Feed widget by displaying the time and date of the feeds.

Date & Time Display Settings

With the "auto-refresh" option toggled on, the Linkedin Feed widget automatically updates the feed with new messages.

Refresh Feed automatically

The Linkedin Feed widget offers two feed types: Tabs and Mixed. Tabs are arranged based on feed order, while Mixed feeds are mixed together to create a diversified feed.

Multiple Feed Types

Customize the length of the characters in the Linkedin Feed widget to make it more compact.

Customize Character Display Length

In order to make sure the Linkedin Feed widget fits your overall design and style, it comes with multiple layout options.

Various Linkedin Feed Layouts

A variety of gorgeous skins are available for the Linkedin Feed widget, so customizing it isn't difficult.

Stunning Skins

The Linkedin Feed widget provides full RTL support for those who write from right to left. It will be easier for your news to be accessed by more people around the world.

RTL Supported

The Linkedin Feed widget allows you to customize the design to meet your needs. There are a lot of options for changing the colors, fonts, and spacing!

Totally Customizable

Any device will be able to use this Linkedin Feed widget. This feature will give you an edge over your competitors in a mobile-centric world. 

The Linkedin Feed widget is easy to install and requires no coding knowledge. Customize the widget in any way you like with our drag-and-drop dashboard.

Simple To Use Linkedin Feed Widget 

The Linkedin Feed widget and all of Common Ninja's widgets can be customized with CSS.

Simply copy and paste the code into your website to embed the widget. Whenever you make a change to your Linkedin Feed, the widget will automatically update.

Simple to Embed

Displaying a LinkedIn feed on a website helps showcase the user's professional expertise, skills, and accomplishments. This can establish credibility, build trust among site visitors, and potentially lead to increased business opportunities or collaborations.

Increase Professional Credibility

By showcasing LinkedIn content on a website, users can promote their LinkedIn presence and encourage site visitors to connect or follow their professional journey. This can lead to an expanded network of connections and prospects, ultimately benefiting the user's professional growth and brand.

Network Expansion

A LinkedIn feed on a website can simplify content management by automating the process of sharing updates and information across platforms. This saves time and effort for the user, ensuring that their website stays current with their LinkedIn activity and further enhancing the site's value for its visitors.

Streamlined Content Sharing

Linkedin Feed

Social Feeds

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.

Discover the best modules for PrestaShop

Some of the best Common Ninja modules for PrestaShop

Progress Circles

3D Cards

Notification Popup

Diagrams

Linkedin Feed

AdBlocker Detector

Stop Motion Player

App Store Reviews

Team Members Blobs

Sticky Video

Image Hover Effects

Coupon Popup

Common Ninja Search Engine