Gerrit van 1.0.2-pl (12 KB)Other VersionsNeed help installing this extra?

AutoFixImageSize

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

Embed interactive, customizable flipbooks from PDFs on your website.

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







Authentic Book-Reading Experience with PDF Flipbook

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

Customizable Cover Image for Faster Loading

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

Flexible Layout Options: Popup or Inline

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

Interactive Toolbar for Enhanced Navigation

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

Fully Customizable PDF Flipbook

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

Responsive PDF Flipbook for All Devices

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

User-Friendly PDF Flipbook Interface

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

Custom CSS for Creative PDF Flipbook Customization

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

Effortless Embedding of the PDF Flipbook

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

Enhanced User Engagement with PDF Flipbook

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

Boost in Content Accessibility with 3D PDF Flipbook

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

Increased Brand Appeal with Digital Flipbook Aesthetics

PDF Flipbook

Media

New!

Collect feedbacks from your users with a feedback form popup

Example 1

Example 2

Example 3

Example 4

Example 5

The Feedback 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 Skins

The widget comes with a powerful lead-building feature — email collection, which you will later use for your email campaigns. The collected emails will be available in an organized list in the widget’s “Entries” tab.

Email Collection

The 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 Feedback 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 widget any way you’d like to with just a few simple clicks.

Easy To Use

The Feedback 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!

The Feedback 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

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

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

Easy To Embed

With the Feedback Popup widget, you can offer your users an easy way for leaving their feedback and comments. This, in turn, will help you enable you to understand how you can improve your product or service.

Discover Issues

By offering your users the ability to leave their feedback, and subsequently, improving your product or service thanks to this feedback, you will improve the users’ experience.

Improve User Experience

With the Feedback Popup widget, you can collect email leads and use these leads later for your email campaigns.

Collect Leads

Feedback Popup

Popups, Bars & Buttons

User Engagement

Interactive wheel offering rewards to boost user engagement, gather leads and increase conversions.

With the Spinning Wheel widget, collecting leads becomes a breeze. Before visitors spin the wheel for enticing offers, you can set it up so that they need to provide their email addresses. This simple interaction makes gathering contact information straightforward and non-intrusive, helping you grow your email list for future marketing campaigns.

Leads and Email Collection

Highlight your best offers with customizable prize colors. The Spinning Wheel widget lets you set individual colors for each prize segment. This feature can be used to make your most attractive prizes stand out, encouraging visitors to engage and boosting the excitement around your promotional activities.

Customizable Prize Colors

Celebrate your visitors' wins with customized messages delivered right after their successful spin. The Spinning Wheel widget allows you to display a tailored message indicating their prize. Plus, you can incorporate a clickable button and a link in the message, directing winners toward their prize or your chosen destination, and enhancing user interaction.

Personalized Winning Messages

Keep your offers exclusive and exciting with the Spinning Wheel widget's ability to set a maximum spin limit for each user. This feature lets you regulate how often visitors can spin the wheel, preventing overuse and maintaining the allure of your deals and discounts.

Control Spin Limits

Cater to your site's unique style and layout with the Spinning Wheel widget's flexible display options. Whether you want it to pop up when visitors land on your site, nestle into a side panel, or sit static on your webpage, you can choose the most engaging and seamless way to integrate the Spinning Wheel into your user experience.

Flexible Display Options

The Spinning Wheel widget is designed to complement your site's design, not clash with it. With multiple layout options at your disposal, you can select the one that best suits your website's aesthetic and functionality. Whether you want the wheel next to the email field, alongside a content section, or under a catchy title, you can arrange it to create a seamless and engaging user experience.

Add an aesthetic touch to your website with the Spinning Wheel widget's selection of beautiful color skins. Choose from a variety of hues that best match your brand, speeding up the design process and ensuring a consistent and attractive look and feel across your site. This widget not only enhances user engagement, but it does so while maintaining your brand's unique style.

Beautiful Color Skins

Dictate when the Spinning Wheel widget makes its appearance with the adjustable timing feature. You can opt to have the widget show up right when the page loads, after a specific time delay, or just when a visitor is preparing to exit. This functionality provides you with a tactical advantage in optimizing visitor engagement.

With the Spinning Wheel widget, you gain total control over your widgets' design. Every element - from colors and fonts to spacing - can be tweaked to mirror your brand's aesthetics perfectly. Enjoy the freedom to construct a design that not only embodies

Complete Design Flexibility

The Spinning Wheel widget is built with responsiveness in mind, guaranteeing your widget's look great and function well on any device. As mobile compatibility becomes increasingly important, this feature ensures your users enjoy a smooth and seamless experience, regardless of whether they're on a desktop, tablet, or smartphone.

Optimized for All Devices

Designing your ideal spinning wheel is a breeze with our user-friendly interface. Forget about the need for coding knowledge - our simple, intuitive interface allows you to customize your spinning wheel just the way you want it, all with just a few easy clicks. Customizing your interactive widget has never been easier or more accessible.

User-Friendly Interface

A Spinning Wheel widget isn't just user-friendly, it's also developer-friendly. If you're comfortable with code, you can use custom CSS to tailor the appearance and behavior of the spinning wheel to your exact specifications. This feature gives you the ultimate control to make the widget perfectly aligned with your brand and website style.

Custom CSS Capabilities:

Incorporating the Spinning Wheel you've designed with our widget into your website is as easy as a copy-and-paste job. Moreover, any modifications you make to the widget will automatically reflect on your site, ensuring your spinning wheel is always current and engaging, without requiring any additional work.

Effortless Website Integration

By offering discounts or coupons through the Spinning Wheel, you're incentivizing visitors to make a purchase. This can effectively convert casual browsers into paying customers, thereby increasing your sales conversion rate.

Increases Sales Conversion

The Spinning Wheel widget provides an interactive and fun way to engage your site visitors. Instead of just browsing through your website, visitors get to participate in a game-like experience, making them more likely to stay longer and explore what you offer.

Boosts Visitor Engagement

The interactive and game-like nature of the Spinning Wheel widget can make shopping on your site a more enjoyable experience. This positive impression can improve your brand's reputation and encourage users to return and recommend your site to others.

Creates a Fun and Memorable Experience

Spinning Wheel

Boost Sales

Gaming

Display the latest posts from your Vimeo channel

The Vimeo Feed widget comes with a “ticker” animation that imitates an old news ticker and adds a sense of action to your page. Use it to immediately grab the user’s attention.

Ticker Animation

There are various options for displaying the date and time of the Vimeo feeds — an option that will enable you to further customize the Vimeo Feed widget according to your needs, and the preferences of your visitors.

Vimeo Feed Date & Time Display Settings

The Vimeo Feed widget has the “auto-refresh” option which, when toggled, keeps refreshing and updating the feed with new posts.

Vimeo Feed Auto Refresh

Two different feed types are available in the Vimeo Feed widget — Tabs and Mixed. The Tabs type keeps all your tabs organized by order of feed, while the Mixed type, mixes the various Vimeo feeds to create a diverse feed.

Different Vimeo Feed Types

You can easily customize the characters' length to save space and make the Vimeo Feed widget more compact.

Customize Character Display Length

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

Multiple Vimeo Feed Layouts

The Vimeo Feed 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 Vimeo Feed Skins

The Vimeo Feed widget provides full RTL support for those who write from right to left. Make your news accessible to more users from all over the world.

Full RTL Support

The Vimeo Feed 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 Vimeo Feed

The Vimeo Feed 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 Vimeo Feed

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

Easy To Use Vimeo Feed Widget

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

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

Easy To Embed Vimeo Feed

You can select between tabbed and mixed feeds in the Vimeo Feed widget. If you choose the Tabs type, you will organize your tabs by the order of your Vimeo feeds, whereas the Mixed type will mix together the various Vimeo feeds.

Different Vimeo Feed Types 

Vimeo Feed widgets include an animated "ticker" that mimics old news tickers and gives your page a sense of action. Grab your user's attention immediately by using it.

Vimeo Feed Ticker Animation

Using the "auto-refresh" option on the Vimeo Feed widget, you can keep refreshing the feed so that the new posts are displayed.

Vimeo Feed

Social Feeds

Showcase statistics, metrics, or countdowns in an animated visually appealing display

With the right background image, fonts and titles, it is possible to tell a whole story and create the right association between a brand, and its impressive numbers.

Visual Storytelling With the Right Background

Style 3

For the more information-delivery-based websites, where numbers play an important part, it’s best to keep the numbers, titles, and associated icons clear and easy to understand. And with the full customization options, and the large selection of icons the widget offers, it’s easy to do just that.

Clean Design With Relevant Icons for Better Understanding

The widget enables not only to create of informative number counters, but aesthetically pleasing ones as well, which will go hand in hand with the website’s design, and play a significant role in creating the right atmosphere.

Setting the Right Mood and Atmosphere

The Animated Number Counter app features an entertaining, eye-catching “counting” animation that is sure to add a sense of action to your website, as well as help focus the user’s attention on important information.

Eye-Catching Animation

The Animated Number Counter 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 Animated Number Counter app features commonly used layouts that you can choose from to fit your web page’s design.

In addition to the option to add images to the number counter, the app has a large selection of icons that you can choose from to add instead of images.

A Robust Set of Icons

You can customize the app any way you see fit, including deciding on what the starting number of the counter will be.

Set Start Number

Do you want to add a plus sign after a number? Or perhaps to denominate that the number refers to users? Or maybe even that the number represents a certain currency? Regardless of what you want to add, you can easily do this by adding a prefix or a suffix to appear before or after the number.

Add a Prefix or Suffix

You can easily add links to the Animated Number Counter app, to improve navigation and increase conversions.

Add Links

You can add a background in the form of an image to really set your number counter apart and to further complement your website’s design direction.

Add & Change a Background

The Animated Number Counter app features full customization options so you can edit the design to fit your needs. Change the colors, the fonts, the spacing and anything else!

The Animated Number Counter app is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors.

The Animated Number Counter 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 Number Counter Widget

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

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

With the app, you can add animation to your static pages and make them less boring and more engaging to you your users. Insert the animation in between sections to let your users rest their eyes, or next to a section with lots of text, to highlight the significant bits, or any other way you see fit.

Add Animation to Static Pages

The animation effect of the app makes it so that you can easily draw attention to different stats. And, with its help, you can showcase your strengths — whether it’s the number of users you have, active installation, sales or anything else.

Make Stats More Noticeable

The app is fully customizable, and in addition to the animation effect, it can be customized to complement any page design through a large selection of icons, different layout options, pre-made skins and more.

Enhance Design

Animated Number Counter

Get Creative

With the Scratch Card widget, variety is at your fingertips. You have the complete freedom to determine a mix of rewards that resonate with your audience. Choose from an array of different prizes, discounts, and coupons. Every time a visitor interacts with the Scratch Card, they'll be greeted with alternating offers, ensuring a fresh experience each time.

Set Multiple Prizes with Scratch Card

Make the Scratch Card truly your own with its customizable features. You're not just limited to the default look; the widget allows you to incorporate your own signature design. By setting your preferred cover image, you ensure that the Scratch Card aligns perfectly with your brand's aesthetics, providing both a consistent and unique touch for your site visitors.

AutoFixImageSize

MODX extra

App Details

Pricing

App Info

Some of the best Common Ninja extras for MODX

Progress Circles

PDF Flipbook

Feedback Popup

Spinning Wheel

Vimeo Feed

Animated Number Counter

Scratch Card

RSS Feed Slider

Social Proof

Company Branch Flip Cards

Nudge Button

Product Blobs

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine

AutoFixImageSize

MODX extra

App Details

Pricing

Check Out the Progress Circles Widget

App Info

Some of the best Common Ninja extras for MODX

Progress Circles

PDF Flipbook

Feedback Popup

Spinning Wheel

Vimeo Feed

Animated Number Counter

Scratch Card

RSS Feed Slider

Social Proof

Company Branch Flip Cards

Nudge Button

Product Blobs

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine