DNS Made Easy

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 image and text cards that, when clicked, flip to reveal additional content on the other side





Example 1

Example 2

Example 3

Example 4

Example 5

The Flip Cards comes available with six different layouts that can fit any design, from smaller images and larger text to images on the side, in circles, squares, and more!

Flip Cards Multiple Layouts

The Flip Cards widget features the ability to add icons, instead of images, and sports a large selection of icons that can be used.

A Large Selection of Icons

The Flip Cards widget comes with a variety of beautiful skins that you can choose from so you don’t have to spend much time on extensive customization. 

Beautiful Flip Cards Skins

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

Flip Animation

The Flip 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 Flip Cards widget is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors.

Perfectly Responsive Flip Cards

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

Easy To Use Flip Cards Widget

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

Flip Cards Custom CSS

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

Easy To Embed Flip Cards

The Flip Cards widget allows you to add customizable star rating icons to your cards. You can use this visual element to provide valuable information or help guide your users to the product/service you’d like them to try the most.

Customizable Star Ratings

The Flip Cards widget will allow you to improve the user’s journey by creating highly informative flip cards, with concise information and relevant links.

Improve User Navigation with Flip Cards

The Flip Cards widget is a fully customizable app that can be customized to fit any website design. It features multiple layouts and pre-made skins that you can use to enhance your design.

Flip Cards Enhance Design

The Flip Cards widget’s easy navigation features, as well as its customization features, will enable you to create easily noticeable and accessible messages and links, that can increase the conversions of your products or services.

Add Interactivity with Flip Cards

Flip Cards

Get Creative

Lists & Cards

Display a bar or banner displaying a discount coupon, at the top or bottom of the screen

The Coupon 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,” “on page scroll,” “after a certain time delay,” and more.

Customizable Display Rules

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

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

Sticky Feature

You can add a coupon code to the Coupon Bar widget to encourage action and improve conversions.

Add a Coupon Code

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

Show an Icon on the Coupon Bar

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

Multiple Coupon Templates

The Coupon Bar widget comes with a playful “shaking” coupon animation, with which you can draw attention to the coupon and encourage users to use it.

Shaking Coupon Animation

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

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

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

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

Easy To Embed 

With the Coupon Bar widget, you can offer your site visitors coupons for discounts and other promotions in a prominent, hard-to-miss way.

Offer Discounts & Coupons to Customers with the Coupon Bar

The Coupon Bar widget comes with full customization options, a "sticky" feature, a "shaking" coupon animation, and templates and skins — all of which will draw your visitors' attention to the message you are trying to convey.

Use the Coupon Bar to Draw Attention

With this Coupon widget, you can easily tailor a message that will be visible and eye-catching, driving your users to action and boosting sales.

Boost Sales With Coupons

Coupon Bar

Popups, Bars & Buttons

Boost Sales

Present Your reviews on Amazon for your product on your website

The widget 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 widget comes with sorting options that will help you customize your display to show reviews by the oldest or the newest reviews.

Sorting Options

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

The My Reviews on Amazon 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.

The My Reviews on Amazon 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 My Reviews on Amazon 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 My Reviews on Amazon 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

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

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

Easy To Embed

My Reviews on Amazon are considered to be trustful and can have a big impact on a user's decision of whether to use your product or not. Thereby, having those reviews clearly displayed on your website via this widget will be absolutely beneficial.

Increase Credibility & Trust

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

Drive Sales Up Quicker

The widget’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

My Reviews on Amazon

Reviews

Example 6

Example 7

Charts & Graphs features 20 different types of charts that will enable you to deliver information just the way you want it to. From bar charts to pie charts, radial charts, and 3D charts — it’s got it all. Simply choose the chart you want and start using it, or customize it endlessly — it’s a fun game in its own right!

A Large Selection of Chart Types

With the Chart & Graphs widget, you can convert any CSV file into an interactive chart or easily connect it to your Google Drive or other, remote URLs. Prepare the data wherever you are most comfortable doing it, and then upload it.

Multi-Source Data Import 

The Charts & Graphs 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, 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 customize the widget's spacing to ensure it fits seamlessly into your website layout.

Fully Customizable Charts

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

Perfectly Responsive Graphs and Charts

The Charts & Graphs 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 Charts

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

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

Enhance your graphs and charts by adding tooltips that provide additional information for your website. These tooltips can help clarify data points or provide context for your chart or graph, helping your users better understand and interpret the information you are presenting.

Tooltips

You have the option to define a color scheme that will be used as the default colors for your charts and graphs when they are automatically generated from an external source of data. By defining a color scheme, you can ensure that your charts and graphs have a cohesive and visually appealing appearance, even when they are being generated automatically.

Color Scheme

With the Charts & Graphs app, you can improve and expedite the decision-making process by providing easy-to-follow information to your readers. Display the benefits of your product or service, explain how you offer value in a visual way, warn of the dangers of inactivity with dramatic charts and more!

Improve & Expedite the Decision-Making Process

The Charts & Graphs widget allows you to summarize large amounts of information for better accessibility and easier understanding of different subjects. Provide yearly output comparisons, quarterly yields, fun facts, projected future results and similarly relevant information! Don’t bore your readers with huge amounts of text — show them charts!

Summarize Large Amounts of Data

The Charts & Graphs widget enables information to be presented in a visually appealing way that can complement your website’s design and enhance the users’ experience on your website. Add breakpoints between text, create stunning 3D charts and choose any color scheme you’d like.

Enhance Design and Improve User Experience

Charts & Graphs

Create custom calculators to enhance user engagement and drive business results on your website.

The Calculator widget allows users to create and add various fields, enhancing its versatility. You can incorporate sliders and dropdowns, and set properties like minimum and maximum values, steps, and formats. This flexibility ensures that the calculator meets the specific needs of your business.

Versatile Field Customization

The Calculator widget allows you to set conditions for fields to show or hide based on the values of other fields in the calculator. This dynamic functionality enables you to create interactive and responsive calculators tailored to user inputs, enhancing the user experience and ensuring relevant data is displayed.

Dynamic Field Conditions

Create multiple complex calculations using sophisticated mathematical formulas. By utilizing the fields added to the calculator, you can perform intricate calculations tailored to your business requirements, delivering precise and detailed results for users.

Advanced Complex Calculations

The Calculator widget allows you to control the format and wording of the results. This feature ensures that the output aligns with your business's specific terminology and presentation style, providing clear and relevant information to your users.

Customizable Results Formatting

Add a call-to-action button directly onto the Calculator widget to prompt users towards the next step, such as submitting a form, requesting a quote, or making a purchase. This integration can help drive conversions and streamline user interactions on your site.

Integrated Call-to-Action Button

The Calculator widget offers multiple layout options to ensure it fits seamlessly with your website's design and style. This variety allows you to choose the best layout that meets your aesthetic and functional requirements.

Varied Calculator Layouts

The Calculator widget provides a range of beautiful design skins, enabling you to pick one that aligns perfectly with your brand and website aesthetics. This feature enhances the visual appeal of your site while minimizing customization effort.

Selection of Design Skins

The Calculator widget comes with extensive customization options, allowing you to modify colors, fonts, spacing, and more. This flexibility lets you create a calculator that is both functional and uniquely tailored to your website's look.

Fully Customizable Calculator Widget

The Calculator widget is designed to be fully responsive, ensuring it displays elegantly on any device. This responsiveness guarantees a consistent user experience across desktops, tablets, and mobile devices.

Perfectly Responsive Calculator

The Calculator widget is designed for ease of use, requiring no coding expertise for customization. Its intuitive dashboard simplifies the setup process, allowing you to tailor the calculator to your preferences with just a few clicks, making it accessible for users of all technical levels.

User-Friendly Calculator Widget

The Calculator widget supports custom CSS, providing an avenue for developers and designers to apply their unique touch. This feature allows for deeper customization of the widget’s look and functionality, ensuring it matches your specific style and interaction needs.

Custom CSS for Enhanced Creativity

Embedding the Calculator widget on your website is straightforward, requiring just a single line of code. This ease of integration ensures that the widget can be quickly added to your site, with automatic updates reflecting any changes you make.

Effortless Embedding on Any Website

By offering a customized Calculator widget, you can drive user engagement on your site. Users can perform relevant calculations without leaving the page, enhancing their experience and increasing the time they spend on your site.

Drive Engagement Through Tailored Calculations

A bespoke Calculator widget can directly address the unique needs of your customers, making it easier for them to make informed decisions. This relevancy can lead to higher conversion rates, as users find the tool useful and convenient.

Boost Conversions with Relevant Calculations

The ability to create calculators specific to your business helps improve efficiency for your users. Whether calculating costs, measurements, or financial metrics, the tailored approach ensures accurate and quick results, enhancing user satisfaction.

Improve Efficiency with Specialized Calculations

Calculator

User Engagement

New!

The Image Wall widget creates a parallax image gallery with customizable layouts and smooth scrolling.

Easily upload multiple images at once, and let the Image Wall widget handle the organization for you. The widget automatically arranges your images into the selected layout, saving you time and effort while ensuring a clean and professional gallery appearance. This feature is perfect for quickly creating stunning galleries with minimal setup.

Bulk Image Upload with Automatic Organization

Fine-tune the strength of the parallax scrolling effect to perfectly match your website’s design and ambiance. Whether you want a subtle motion for a sleek and professional look or a more dramatic effect to captivate your audience, the Image Wall widget gives you full control. This feature ensures that the parallax scrolling complements your content, providing a dynamic and engaging visual experience for every visitor.

Customize the Parallax Effect Intensity

The Image Wall widget allows you to add custom links to each image, turning your gallery into an interactive tool. Whether you’re directing visitors to product pages, blog posts, or external content, this feature enhances user engagement and streamlines navigation. It’s a perfect way to combine visual storytelling with actionable pathways on your site.

Add Links to Each Image for Enhanced Navigation

The Image Wall widget allows you to add a title over the entire gallery section, providing context and enhancing the visual appeal of your parallax image gallery. This feature is perfect for introducing a collection, highlighting a theme, or drawing attention to featured content. A well-placed title ensures your visitors instantly understand the purpose and focus of the gallery.

Add a Title to the Entire Image Wall Section

The Image Wall widget offers a variety of layout options to organize your images in a way that best suits your website’s design and goals. Whether you prefer a grid, masonry, or custom arrangement, you can select the perfect layout to showcase your images beautifully. This flexibility allows you to create a visually appealing and cohesive gallery that enhances the user experience.

Choose from Multiple Layouts for Your Image Wall

With the Image Wall widget’s advanced customization options, you have full control over colors, fonts, spacing, and more. Tailor the widget to fit your website’s branding and ensure the parallax gallery seamlessly blends with your site’s design.

Fully Customizable Image Wall Widget

The Image Wall widget is fully responsive, ensuring that your gallery looks flawless on all devices, from desktops to smartphones. This feature guarantees an optimal user experience and smooth scrolling effects, no matter how your visitors access your site.

DNS Made Easy

Webflow app

App Details

Pricing

Check Out the Progress Circles Widget

App Info

Find the Best Webflow apps for you

Chat

Ecommerce

Forms

Payment

analytics

Membership

Popup

Contact

Events Calendar

Privacy

Email Marketing

Translation

Slider

Social Feed

Social Sharing

Reviews

Comments

Payment

Forms

Popup

Chat

Some of the best Common Ninja apps for Webflow

Progress Circles

Flip Cards

Coupon Bar

My Reviews on Amazon

Charts & Graphs

Calculator

Image Wall

Twitch Feed

Comments

Animated Headline

apps You Might Like

Discover the best apps for your website

Common Ninja Search Engine