DNSimple

A flexible widget that visually tracks user scroll progress on any webpage

The Scroll Progress widget offers both a progress bar and a floating circle indicator, giving you flexibility in how you display scroll progress. The progress bar provides a clear, linear visual, while the floating circle offers a compact, modern alternative. You can use either option or combine both for a more dynamic user experience.

Dual Progress Indicators: Bar & Floating Circle

The Scroll Progress widget lets you adjust the progress bar’s position (top or bottom) and starting point (left or right) for complete flexibility. This allows you to seamlessly integrate it into your website’s layout. With these options, you can ensure the progress bar aligns perfectly with your design and user experience preferences.

Adjustable Progress Bar Placement

The Scroll Progress widget allows you to turn the progress indicator into a clickable button that jumps to the top or bottom of the page. This enhances navigation by giving users a quick way to move through long content. With this feature, browsing becomes more seamless and user-friendly.

Scroll Navigation with Actionable Indicator

Easily customize your Reading Progress Indicator with a selection of pre-designed skins. These ready-made styles help you achieve a professional look in seconds, saving you time on design adjustments.

Pre-Designed Reading Progress Indicator Skins

Modify every aspect of the Page Scroll Tracker, from colors and sizes to positioning and styles. With complete control over the design, you can ensure it aligns perfectly with your website’s aesthetics and branding.



Fully Customizable Page Scroll Tracker

The Scroll Bar Progress widget adapts seamlessly to all screen sizes, ensuring a smooth experience on desktops, tablets, and mobile devices. This guarantees that users can track their progress effortlessly, regardless of the device they’re using.



Responsive and Mobile-Friendly Scroll Bar Progress

Designed for simplicity, the Scroll Progress widget is easy to configure without any coding skills. With an intuitive interface, you can customize and implement the widget in just a few clicks.

Easy-to-Use, No Coding Required

For those who want extra control, the Page Scroll Tracker supports custom CSS. This feature allows developers and designers to fine-tune the widget’s appearance and functionality to match their unique requirements.

Custom CSS for Advanced Customization

Embedding the Reading Progress Indicator is quick and effortless, requiring just a single line of code. Any changes you make are automatically updated, ensuring your website always displays the latest version without manual adjustments.

Hassle-Free Embedding & Automatic Updates

The Scroll Progress widget provides a visual cue that encourages visitors to continue reading and exploring your content. By displaying real-time progress, it keeps users engaged and reduces bounce rates. This helps create a more interactive experience, leading to longer session durations on your site.

Enhance User Engagement with the Scroll Progress Widget

A Reading Progress Indicator gives users a clear understanding of how much content remains on a page. This reduces frustration, especially for long articles or blog posts, as users can manage their reading time efficiently. By setting clear expectations, you create a smoother and more enjoyable browsing experience.

Improve Readability with a Reading Progress Indicator

With a Scroll Progress widget, visitors are more likely to finish reading your content. Seeing a visual representation of progress encourages them to reach the end, boosting content consumption. This can lead to higher interaction rates, such as more shares, comments, or conversions.

Increase Completion Rates for Blog Posts and Articles

Scroll Progress

User Engagement

Website Components

New!

Embed and manage podcasts on your site with customizable, responsive, and user-friendly Podcast Player.

The Podcast Player widget enhances the listening experience with features like 10-second skip for replaying sections and adjustable playback speed for saving time or catching details, offering flexibility and personalization.

Advanced Listening Controls

The Podcast Player widget allows you to create custom tags and assign them to each episode. Users can then filter episodes by these tags, enabling them to quickly find content related to specific topics or themes. This feature enhances the organization of your podcast library and improves the user experience by making navigation and discovery of relevant episodes more intuitive.

Tagging and Filtering Episodes

The Podcast Player widget offers versatile display options with both list and grid layouts. This flexibility allows you to choose a layout that best fits your website’s design and user experience preferences. Whether you prefer a linear list format for simplicity or a grid layout for a more visually engaging presentation, the Podcast Player widget can accommodate your needs.

Versatile List and Grid Layout Options

The Podcast Player widget offers advanced playback controls to enhance user experience. Features like auto track switching, repeat mode, and adjustable initial volume ensure that listeners have a seamless and customizable listening experience. These controls allow users to tailor their podcast playback to their preferences, whether they want continuous play or specific volume settings.

Custom Playback Options and Features

The Podcast Player widget offers flexible positioning options, allowing you to place the player in various locations on your webpage. Whether you prefer it at the top, bottom, or side of the page, you can easily adjust the position to best fit your website's layout and design. This adaptability ensures the Podcast Player integrates seamlessly with your site's aesthetics and user experience.

Flexible Positioning Options

The Podcast Player widget comes with multiple layout options, allowing you to select a design that best fits your website's style. This variety ensures that you can choose a layout that aligns with both the aesthetic and functional needs of your site.

Variety of Podcast Player Layouts

The Podcast Player widget offers a range of beautiful design skins, enabling you to seamlessly integrate it with your brand and website aesthetics. This feature not only enhances the visual appeal of your site but also reduces the time and effort involved in customization, ensuring a cohesive and attractive user interface.

Select from Multiple Podcast Player Design Skins

The Podcast Player widget comes with extensive customization capabilities, allowing you to modify its design to meet your specific requirements. You can change colors, fonts, spacing, and various other elements, giving you the flexibility to create a Podcast Player that is both functional and uniquely tailored to your website's aesthetic.

Fully Customizable Podcast Player Widget

The Podcast Player widget is designed to be fully responsive, ensuring it displays elegantly on any device. In an era where mobile optimization is crucial, this feature is key to delivering a consistent user experience across different devices.

Perfectly Responsive Podcast Player

The Podcast Player widget is designed with user-friendliness in mind, requiring no coding expertise for customization. Its intuitive dashboard simplifies the customization process, allowing you to tailor the Podcast Player to your preferences with just a few clicks. This ease of use makes it accessible for anyone to integrate and modify, regardless of their technical background.

Easy to Use Podcast Player Widget

The Podcast Player widget offers the option to add custom CSS, aligning with Common Ninja’s commitment to flexibility. This feature is ideal for developers and designers seeking to apply their unique touch, allowing for deeper customization of the Podcast Player's look and functionality. It provides an avenue for creative expression, ensuring the widget can be finely tuned to match the specific style and interaction needs of your website.

Custom CSS for Enhanced Creativity

Embedding the Podcast Player on your website is a straightforward process, requiring just a single line of code. This ease of integration simplifies the setup, making it accessible for users of all technical levels. Additionally, the widget updates automatically with every change you make, ensuring that the maintenance and updating process is hassle-free. This feature guarantees that your website always displays the most current version of the widget without any extra effort.

Effortless Embedding of the Podcast Player on Any Website

The Podcast Player widget boosts user engagement by allowing visitors to listen to your podcast directly on your website. This feature encourages longer site visits and more interaction with your content.

Enhance User Engagement

The Podcast Player widget can drive more traffic to your website. As listeners tune in to your episodes, they are more likely to explore other parts of your site, contributing to higher overall traffic and engagement metrics.

Increase Website Traffic

The Podcast Player makes it easy for your audience to consume content. Users can listen to episodes without needing to leave your site or open another app, providing a convenient and streamlined experience.

Simplify Content Consumption

Podcast Player

Media

Showcase your skills in a stylized and adjustable list format


Example 1

Example 2

Example 3

Example 4

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

Multiple Layouts

You can add images, if you want, to make skills stand out, or add photos of yourself, or your team.

Images

The app comes with a proficiency bar, that will show, in a visual representation, how well you know a skill. You can customize it as you see fit, and fill it using a simple slider.

Proficiency Bar

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

Multiple Skins

The 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 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 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 Skill List Widget

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

Custom CSS

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

Easy To Embed

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

Gentle Intro Animation

With the Skills List app’s customization options, you can make sure that your skills and experiences truly stand out on your website. Potential recruiters will be sure to notice these skills and be more inclined to contact you.

Stand Out

The Skills List app is not only good for providing relevant information, but also for enhancing a website’s design.

Improve Design

The Skills List app enables you to provide important information to potential employers in an organized and concise manner, that will certainly be appreciated by them, and will increase your chances of getting hired.

Provide Relevant Information

Skill List

Lists & Cards

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.

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!

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.

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.

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

Yelp Reviews

Reviews

Present content items in a designed and customizable list

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

You can add images to increase association with specific information, or to make certain information more recognizable, visually.

The app features star rating icons (five stars) that you can use, should you desire. You can then, customize how many stars are highlighted to indicate a level of proficiency, popularity or anything else.

Rating

Easy To Use items List

The app is fully customizable and therefore can be customized to fit any design to complement your website. 

With the app, you can make the user’s journey easier, more focused and more engaging, which in turn, will undoubtedly improve the user’s experience and increase conversions.

Improve User Experience

The app will allow you to focus your message in an organized way that includes visual hierarchies which will eventually lead to the Call-to-Action button and encourage users to act.

Encourage to Act

Info List

Multi-Category Support with Tabs

Enhance clarity with visuals that show how to measure chest, waist, inseam, foot length, and more. These illustrations help users take accurate measurements, reducing errors and helping them find the perfect fit.

Visual Measurement Diagrams

Update your size chart directly within the preview using intuitive inline editing. This allows you to click and modify sizing values on the spot without switching views or navigating away. It’s a fast and efficient way to keep your sizing table accurate and up to date.

Inline Editing for Quick Size Updates

Tailor the table headers and accompanying text for each product type to match your brand tone and product line. This feature ensures your sizing table communicates clearly to your audience and stays on-brand.

Custom Table Titles and Descriptions

Showcase clear measurement illustrations—like where to measure chest, waist, or foot length—using built-in example images. These visuals make the sizing process easier for users to understand at a glance. You can also upload your own custom images to match your product line and brand style.

Visual Illustrations with Custom Image Upload

The Size Chart widget offers a variety of layout styles to fit seamlessly into your website’s design. Choose from table formats, tabbed views, or sectioned layouts depending on your needs and the complexity of your sizing information. This flexibility ensures that your sizing table looks professional and stays user-friendly across different devices and design themes.

Varied Size Chart Layouts

Easily match your size chart to your brand identity with a wide selection of beautifully designed skins. The Size Chart widget lets you pick a style that aligns with your overall website aesthetics, saving time on customizations while keeping your pages visually cohesive. No matter if your site is bold, minimalist, or playful, there’s a skin ready to fit perfectly.

Select from Multiple Size Chart Design Skins

Personalize every element of the Size Chart widget to reflect your unique brand voice and visual style. You can adjust colors, fonts, spacing, and more to create a sizing guide that feels completely integrated with your website. With this level of flexibility, your size chart won’t just be functional—it’ll enhance the overall customer experience.

Fully Customizable Size Chart Widget

Designed for full responsiveness, the Size Chart widget ensures a seamless viewing experience across all devices. Whether your visitors are shopping on a desktop, tablet, or mobile phone, your sizing table will adjust elegantly to fit the screen. This adaptability is key to maintaining a smooth and professional shopping experience everywhere.

Perfectly Responsive Size Chart

The Size Chart widget is built with simplicity in mind, making it easy for anyone to set up and customize—no coding skills required. With a straightforward, user-friendly editor, you can quickly create, update, and manage your sizing tables. This approachability saves time and empowers all users to maintain professional-looking charts effortlessly.

Easy To Use Size Chart Widget

For those who want even greater control, the Size Chart widget supports custom CSS styling. This option is perfect for developers and advanced users who want to fine-tune every aspect of the sizing table’s appearance and behavior. It opens up unlimited possibilities to ensure your size chart is truly one-of-a-kind

Adding the Size Chart widget to your site is quick and easy, requiring only a single line of embed code. Once installed, any updates you make within the editor are automatically reflected on your live site. This means you can keep your sizing information fresh and accurate with minimal effort.

Effortless Embedding of the Size Chart on Any Website

Accurate sizing information means fewer surprises when orders arrive. By offering a clear and consistent measurement guide, businesses can significantly reduce the volume of returns due to incorrect sizing. This saves time, money, and hassle for both store owners and customers.

Reduce Return Rates

Displaying an easy-to-read sizing table or fit chart helps demonstrate that your store is detail-oriented and customer-focused. Visitors appreciate transparency, and knowing exactly what to expect in terms of fit builds trust and improves satisfaction.

Boost Customer Trust with Clear Sizing Information

A visually clean and well-organized measurement guide adds polish to your product pages. The Size Chart widget’s sleek design and customization options ensure it fits seamlessly into your website, contributing to a cohesive and professional brand appearance.

Strengthen Brand Image Through Professional Presentation

Size Chart

A code snippets widget compatible with various layouts, themes, and more rich features

Our Code Snippets Widget offers a diverse selection of visually appealing themes to match your preferred coding environment. Choose from a range of stylish themes, including dark and light modes, or even create your custom theme. Tailor your code presentation to your liking and create an immersive coding experience that reflects your unique style and preferences.

Beautiful Code Themes

With our Code Snippets Widget, you can showcase multiple code snippets in a clean and organized manner. Effortlessly toggle between snippets using intuitive tabs or present them in a list layout for easy comparison.

Multiple Code Snippets

Our Code Snippets Widget comes equipped with a powerful AI code assistant to supercharge your development process. Get intelligent code suggestions and context-aware recommendations, enhancing your productivity.

AI Code Assistant

Our Code Snippets Widget comes equipped with built-in formatting options to ensure clean and consistent code presentation.

Formatting Options

The Code Snippets Widget incorporates advanced syntax highlighting, making your code visually distinct and easier to read. 

Syntax Highlighting

Our Code Snippets Widget supports various file extension types and displays the corresponding file icon for each extension.

File Extension Support

The Code Snippets 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

With the Code Snippets widget, you have complete control over the look and feel of your design. You can easily customize various elements such as the colors, fonts, and spacing to match your brand or personal style. Whether you want to create a sleek, modern design or a more traditional look, the Code Snippets widget has you covered. With its wide range of customization options, you can easily tweak and adjust every aspect of your design to get the perfect look for your project.

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

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Code Snippets 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 Code Snippets 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 Code Snippets Editor will be reflected automatically on your website without the need for any additional manual updates.

Easy to Embed

For developers, students, and enthusiasts, our Code Snippets Widget enhances visual learning by presenting code samples with syntax highlighting and line numbering. Ignite passion for coding and create an engaging learning experience that sets you apart.

Empower Visual Learning

Enrich your technical content without sacrificing clarity. Embed code snippets seamlessly, enhancing explanations and making them easy to follow. Perfect for programming concepts and real-world examples.

Streamline Code Presentation

The Code Snippets Widget showcases your programming expertise with visually appealing displays. Share multiple code snippets, captivate your audience with interactive showcases.

Implement Code Showcases

Code Snippets

Get Creative

Present Facebook reviews for your business on your website

The Facebook Reviews widget is a robust tool that enables you to display customer reviews on your website. With three review styles to choose from - Carousel, Grid, and List - you can customize the presentation of your reviews to match your website's design and aesthetics. Display a series of rotating testimonials in a carousel format, showcase a grid of reviews in an eye-catching way, or simply list customer feedback in a straightforward fashion with the Facebook Reviews widget. Additionally, you can tailor the appearance of your reviews to align with your branding, ensuring seamless integration into your website.

Various Review Styles

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



Facebook Reviews Filter

With a simple toggle, you can ensure that you manually approve all reviews displayed on the Facebook Reviews widget.

DNSimple

Webflow app

App Details

Pricing

Check Out the Scroll Progress 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

Scroll Progress

Podcast Player

Skill List

Yelp Reviews

Info List

Size Chart

Code Snippets

Facebook Reviews

Before & After Slider

Currency Converter

TikTok Carousel

Trust Badges

apps You Might Like

Discover the best apps for your website

Common Ninja Search Engine