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!

Seamlessly integrate social sharing buttons into your website to enhance content visibility.

The Social Share Buttons widget offers the flexibility of choosing between two distinct layouts: vertical and horizontal. This versatility ensures that the Social Share Buttons can seamlessly integrate into your website's design, whether you prefer a sidebar-like vertical arrangement or a more traditional horizontal alignment. Tailoring the layout to match your website's aesthetics enhances the overall user experience and maintains design coherence.

Customizable Layouts for Social Share Buttons

With the Social Share Buttons widget, you have the liberty to select from various button styles to complement your website's theme. Choose from full-color buttons for a vibrant and eye-catching look, transparent buttons for a more subtle and integrated appearance, or circular buttons for a sleek, modern feel. This range of style options allows for greater creative expression, ensuring the Social Share Buttons not only function effectively but also add to the visual appeal of your site.

Diverse Button Styles for Enhanced Aesthetics

The Website Share Buttons feature allows you to tailor the content of messages shared on social platforms. This customization ensures that the shared link reflects your brand's unique voice and message, making each share more impactful and aligned with your marketing strategy. Personalizing these messages can significantly enhance user engagement and the overall appeal of your content on social media.

Custom Message Personalization with Website Share Buttons

The Social Media Sharing Buttons support an impressive array of 48 social platforms, offering a wide range of options to suit diverse audience preferences. Whether targeting mainstream audiences on platforms like Facebook or niche communities, this variety ensures that your content reaches the most relevant and engaged audiences. Selecting the right platforms for your Social Media Sharing Tool is key to optimizing your content's reach and impact on social networks.

Broad Selection of Platforms with Social Media Sharing Buttons

The Content Sharing Buttons widget provides detailed customization options for each button. You have the flexibility to select unique colors for each button, allowing you to either match your website's color scheme or use distinct colors to make each social platform stand out. Additionally, you can choose to display either the platform name, the platform logo, or both. This level of customization ensures that the buttons not only integrate seamlessly with your site's design but also cater to your specific branding and aesthetic preferences.

Individual Button Customization with Content Sharing Buttons

The Content Sharing Buttons come with extensive customization capabilities. You can adjust elements like colors, fonts, and spacing to match your site's unique style, ensuring that the buttons are both functional and aesthetically pleasing.

Fully Tailorable Content Sharing Buttons

Designed with simplicity in mind, the Website Share Buttons require no advanced technical skills for customization. Their user-friendly interface allows for effortless adjustments, making them accessible to a wide range of users and enhancing your website's functionality without the need for complex coding.

Easy-to-Use Website Share Buttons

Ensuring compatibility across all devices, the Social Media Sharing Tool is designed to be fully responsive. This adaptability is crucial for a consistent user experience, regardless of the device used to access your site.

Responsive Social Media Sharing Tool

The Social Media Sharing Tool offers custom CSS options, allowing for deeper personalization and creativity. This feature is ideal for those who wish to fine-tune the aesthetic and functional aspects of their sharing buttons, ensuring a perfect match with the specific style and interaction needs of their website.

Custom CSS for Creative Flexibility in Social Media Sharing Buttons

Embedding the Website Share Buttons on your site is streamlined and simple, requiring just a line of code. This ease of integration makes it accessible for users of all technical levels. The widget also updates automatically with every change, ensuring your site always displays the latest version without additional effort.

Effortless Embedding of Website Share Buttons

Integrating Social Share Buttons on your site significantly enhances user engagement. By enabling visitors to share your content with a single click, you not only increase the likelihood of wider content dissemination but also foster a sense of community and interaction among your audience. This direct-sharing capability can lead to increased traffic and prolonged visitor engagement on your site.

Boost Website Engagement with Social Share Buttons

The Social Share Buttons widget is instrumental in amplifying your brand's online presence. Providing an effortless way for visitors to share your content on social platforms, extends your brand's reach to a broader audience. This user-driven sharing acts like a personal recommendation, fostering trust and credibility among new audiences. As a result, this organic exposure can significantly boost your brand visibility, creating more opportunities for audience growth and engagement.

Boost Brand Visibility with Social Share Buttons

By incorporating Website Share Buttons, you create a gateway for driving more traffic to your site. As users share your content, it reaches new audiences, leading to increased website visits. This can be particularly beneficial for websites focusing on content marketing, e-commerce, or community building, where higher traffic directly correlates with success.

Drive Traffic with User-Centric Website Share Buttons

Social Share Buttons

Boost Sales

Popups, Bars & Buttons

Example 1

Example 2

Example 3

Example 4

Example 5

The weather widget provides real-time weather information for their specific area. Leveraging advanced geolocation technology, the weather widget tailors meteorological data to a precise location, ensuring the user receives the most accurate and up-to-date forecasts.

Location-Based Weather Data

The widget provides both short-term and long-term weather forecasts, offering users a comprehensive view of upcoming weather conditions. This feature allows users to plan accordingly for daily activities, travel, and events based on the forecasted weather.

Weather Forecast

The weather widget displays a variety of weather metrics, such as temperature, humidity, wind speed, and precipitation. This feature provides users with a more detailed understanding of the current and forecasted conditions, allowing for more informed decision-making.

Multiple Weather Metrics

The weather widget allows users to view weather information for multiple locations simultaneously, making it an excellent tool for individuals who need to keep track of conditions in different places. This feature benefits businesses and users who have interests in multiple cities or regions, providing a convenient way to access essential weather data all in one place.

Using Multiple Locations

The weather widget offers a variety of layout options, enabling website owners to choose the best format to suit their specific needs and preferences. This flexibility ensures that the widget can be easily adapted to different website designs and structures, enhancing the overall user experience and integration.

Multiple Layouts

With multiple skins available, the weather widget can be easily customized to match the website's look and feel. This feature allows website owners to maintain consistent branding and aesthetics while offering users valuable weather information, creating a cohesive visual experience across the site.

Multiple Skins

The weather widget provides a wide range of weather icons to choose from, allowing website owners to select the ones that best align with their site's design and branding. This feature ensures that the visual representation of weather conditions is consistent with the overall aesthetics of the website, creating a harmonious user experience.

Select from a Various Set of Icons

The Weather widget's design can be easily customized to match the website's branding and aesthetic. Website owners have control over the colors, fonts, and layout, ensuring that the widget seamlessly integrates with the existing design.

Customizable Design

The weather widget is fully responsive, automatically adjusting to fit various screen sizes and devices. This feature guarantees that the widget will display correctly on desktops, tablets, and smartphones, ensuring a consistent user experience across all platforms.

Responsive weather widget Design

The weather widget is designed with user-friendliness in mind, making it simple and straightforward for users to access and understand the provided weather information. This ease of use encourages user engagement and ensures that visitors can quickly obtain the data they need without any unnecessary complications, enhancing the overall experience on the website.

Easy to Use Weather widget

Like all our widgets, the weather widget allows you to incorporate custom CSS for a truly personalized touch. Users with coding expertise can elevate the widget's appearance, achieving the ideal design by adding their own custom CSS.

Infuse Your Unique Style with Custom CSS

The weather widget is designed for easy integration into a website's existing code, requiring minimal technical knowledge to implement. This feature allows website owners to quickly add the widget to their site without needing extensive development resources or expertise.

Easy Integration of a Weather Widget

A weather widget can significantly improve the user experience on a website. By providing real-time, location-specific weather information, users can quickly access relevant data without needing to leave the site or search elsewhere.

Enhanced User Experience with a Weather Widget

A weather widget drives user engagement by offering relevant weather information, allowing users to make informed decisions based on current conditions or forecasts. This can lead to a more satisfying experience on the website, encouraging visitors to explore other content and services offered.

Increased Website Engagement

By integrating a weather widget, businesses can help users make better-informed decisions related to their products or services. For example, a travel website that includes weather information allows users to plan their trips more effectively, increasing the likelihood of booking through the platform.

Contextual Decision Making

Live Weather Forecast

Weather templates 6

Weather template 5

Weather template 4

Weather template 3

Weather template 2

Weather template 1

Easily craft engaging, personalized popups to boost conversions.

With the Popup Builder widget, you have the freedom to design your popup exactly how you envision it. Add various elements including titles, sub-titles, paragraphs, and images, and arrange them in the order that best suits your communication needs.



Element Flexibility and Customization

With the Popup Builder widget, you can set your popup content to dynamically adjust based on visitor behavior or predefined rules. This adds an element of personalization to your popups, enhancing user experience and boosting engagement.

Dynamic Content Placement

Make your popups more interactive by adding clickable buttons. This feature lets you guide your visitors towards desired actions, whether it's subscribing to a newsletter, making a purchase, or visiting a particular page.

Interactive Buttons Addition

With the Popup Builder widget, you're not just limited to text and images. It allows you to embed other widgets such as forums, countdown timers, sliders, or any other widget you've created on Common Ninja. This enables you to create multi-dimensional popups that serve varied functions, making your website even more dynamic and interactive.

Supercharge Your Popups with embedded widgets

The Popup Builder widget comes with a variety of layout options. You can pick the one that best aligns with your website's design and style, ensuring a cohesive and appealing look.

Choose a Popup Layout That Matches Your Site

The Popup Builder widget offers a range of pre-designed skins, allowing you to add a touch of style to your popups without investing extra time in customization. Simply choose a skin that suits your aesthetic, and you're good to go.

Ready-to-Use Stylish Skins

Control when your popups appear with the widget's customizable timing feature. You can set the popup to appear immediately as the page loads, after a certain amount of time, or when a visitor is about to exit, giving you strategic control over user interaction.

Customizable Pop-up Timing

With the Popup Builder widget, your popups are fully customizable, letting you tailor each aspect to your preference. Feel free to modify the colors, fonts, spacing, and more, creating a design that truly reflects your brand and resonates with your audience.

Personalize Your Popups to Perfection

The Popup Builder widget is designed to be fully responsive, ensuring your popups look fantastic on all devices. In a world that prioritizes mobile-friendly design, this feature helps you stand out and provide a seamless user experience, no matter the device used.

Seamless Experience on Any Device

Creating your ideal popup is a breeze with our easy-to-use Popup Builder widget. You don't need any coding knowledge - our intuitive, drag-and-drop interface lets you customize your popups just how you want them with just a few clicks.

User-Friendly Popup Creation

Like all Common Ninja widgets, the Popup Builder offers the ability to add custom CSS. This feature gives you the freedom to add a personal touch and get even more creative with your popup design.

Express Your Creativity with Custom CSS

Embedding the Popup you've created with the popup builder on your website is as simple as copying and pasting a single line of code. Plus, every change you make in the widget gets automatically updated on your site, keeping your popups fresh and up-to-date without any extra effort.






Hassle-Free Embedding

Leverage the Popup Builder widget for capturing leads. By placing an attractive and user-friendly popup on strategic parts of your site, you can easily gather visitor information for future marketing initiatives.

Efficient Lead Generation

The Popup Builder widget enables clear and timely communication with your audience. Deliver important updates, offers, or ask for feedback in a direct and attention-grabbing manner, ensuring your message is heard.

Enhanced Communication

The Popup Builder widget is a powerful tool to motivate your website visitors to take action. By providing personalized prompts and calls-to-action, you can significantly boost conversion rates.

Increased Conversion Rates

Popup Builder

Forms

My Widget

Use tabs to organize content into different parts

Incorporating subtle transition effects between tabs adds a touch of finesse and professionalism to a website. These smooth animations improve the user experience by offering seamless navigation and enhancing the overall look and feel of the content.

Add gentle transition effects

The Tabs widget provides multiple layout options, allowing webmasters to choose the most fitting design for their content. This flexibility ensures that the widget seamlessly integrates with various website aesthetics, enhancing the overall user experience.

Multiple tabs layouts

With a variety of pre-designed skins available, the Tabs widget can be customized to match the website's branding and color scheme. This feature allows for consistency in design, creating a cohesive visual appearance that resonates with visitors.

Various tabs skins

The Tabs widget supports both horizontal and vertical orientations, enabling webmasters to select the most suitable layout for their content structure. This adaptability allows for optimal content presentation, ensuring users can easily navigate and engage with the website.

Horizontal and Vertical Tabs

The Tabs widget provides comprehensive customization options, enabling you to tailor the design to meet your specific requirements. From adjusting colors and fonts to modifying the layouts, you have complete control over the tabs' appearance and functionality. With our tabs widget's user-friendly interface, you can easily customize the tabs to match your website's design and create a seamless experience for your visitors.

Fully Customizable Tabs

The Tabs widget is fully responsive and will look great on any device. Having tabs that are optimized for mobile viewing is essential in a world where more and more people are accessing the internet through their phones and tablets. With the tabs widget, you can create tabs that are perfectly responsive and provide a seamless navigation experience on any device.

Perfectly Responsive Tabs

The Tabs widget is simple to use and doesn't require any coding expertise. Within a few clicks, you can customize the tabs to your liking using our intuitive interface, making it an effortless experience.

Easy To Use

Our advanced editor is a robust tool that grants you full control over the Tabs' appearance. With this feature, you can effortlessly personalize every aspect of the tabs' design, colors, and fonts to layout and positioning. For those looking to exercise their creativity further, direct CSS editing allows for even more extensive customization options.

Custom Tabs CSS 

To integrate the Tabs widget into your website, copy and paste the provided code snippet into your page's HTML code. The Tabs widget is designed to auto-update, which means any modifications you make in the Tabs editor will be automatically reflected on your website.

Easy to Embed Tabs Widget

The Tabs widget enhances the user experience by presenting information in a clean and organized manner. It enables visitors to quickly and easily navigate through different content sections, reducing confusion and ensuring that they find what they're looking for.

Simplified Content Management

Implementing a Tabs widget can help minimize page clutter and make it visually appealing. By consolidating multiple content pieces into separate tabs, users can access relevant information without being overwhelmed by an excessive amount of text or images on a single page.

Reduced Page Clutter

Managing content becomes easier with a Tabs widget, as it allows for better organization and presentation. By separating content into distinct sections, webmasters can update or modify individual parts without disrupting the overall structure, ensuring that the website remains up-to-date and relevant.

Tabs

Manage Events, Engage Visitors, and Elevate Your Brand’s Image

The Calendar widget enables effortless toggling of events as "All Day," allowing you to conveniently manage and display full-day events without specifying a specific time. This feature simplifies the process of highlighting key activities, making it easier for your visitors to identify and plan for full-day events.

Seamless All-Day Event Management

The Calendar widget comes with color customization options, empowering you to create visually appealing calendars that align with your website's branding or personal preferences. This flexibility not only enhances the aesthetic appeal of your website but also aids in creating a consistent and immersive user experience that resonates with your brand.

Personalized Color Customization

With the Calendar's ability to add links, you can enhance interactivity by attaching URLs to specific dates or events, providing additional information, or redirecting users to relevant pages. This feature not only adds depth to your event descriptions but also serves as a tool for guiding your visitors to additional resources or actions, thereby increasing user engagement and satisfaction.

Enhanced Interactivity with a Calendar Link Integration

The Calendar widget supports media integration, allowing you to enrich your calendar by adding images to events, creating a visually engaging experience. This multimedia approach not only makes your calendar more engaging but also provides a richer context for your events, thereby enhancing the overall user experience.

Visualize Events with Media Integration

With the Calendar Widget's customizable default view, you can choose the initial display mode that best suits your website's needs, such as month, week, or day view, providing a tailored user experience. This feature ensures that your users are immediately presented with the most relevant view, enhancing usability and ensuring that your website caters to a variety of user preferences.

Flexible Start Date Selection

The Calendar 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. These ready-to-use skins not only save you time but also ensure a professional and aesthetically pleasing look, enhancing your website's appeal without requiring extensive design work.

Calendar Multiple Skins

The Calendar 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. This inclusivity feature broadens your website's reach, making it more user-friendly and accessible to a global audience, thus promoting diversity and inclusivity.

Calendar with Full RTL Support

The Calendar widget features full customization options so you can edit the design to fit your needs. Change the colors, the fonts, the spacing, and anything else! This level of customization allows you to create a unique and personalized calendar that aligns perfectly with your brand identity, thereby enhancing the overall aesthetic and user experience of your website.

Fully Customizable Calendar Widget

The Calendar 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. This responsiveness ensures a seamless user experience across all devices, giving you an edge in today's mobile-centric digital landscape.

Perfectly Responsive Calendar widget

The Calendar 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. This user-friendly design empowers even non-technical users to customize the widget to their liking, making it a versatile tool for enhancing your website's functionality and appeal.

Easy To Use Calendar

The Calendar widget's custom CSS feature offers you the ultimate control over the look and feel of your calendar. This advanced customization option allows you to modify the widget's design elements such as colors, fonts, and layout to perfectly match your website's aesthetics, providing a truly personalized and seamless user experience.

Calendar Widget Custom CSS

You can embed the widget on your website easily by copying a single line of code. The Calendar widget will also be updated automatically with every change you make. This ease of integration and automatic updating not only simplifies the implementation process but also ensures that your website always displays the most current and relevant information.

Easy To Embed Calendar widget

A calendar widget on your website allows you to manage and showcase important events, meetings, or deadlines, making it easier for your visitors to stay informed and organized. Moreover, by providing a clear view of upcoming activities, it empowers your visitors to plan ahead, potentially increasing their participation and engagement with your content or services.





Streamlined Event Management with a Calendar Widget

Interactive calendars can improve user engagement by encouraging users to explore upcoming events, subscribe to event notifications, or even book appointments directly from your website. Indeed, interactive calendars can boost engagement by prompting users to explore events, subscribe to notifications, or book appointments directly on your site.

Add Calendar widget to Improved User Engagement

A well-maintained calendar reflects a sense of organization and professionalism, enhancing your brand image and building trust among your website visitors. A well-curated calendar not only reflects a high level of organization and professionalism but also strengthens your brand image and fosters trust among your website visitors.

Enhanced Professionalism

Calendar

Create engaging video polls with options you can personalize

With our Video Poll widget, you can tailor the voting method to fit your requirements. This feature lets you decide how many choices each participant can pick, giving you more adaptability and involvement in your polls.

Choose One or Multiple Options

Timing plays a crucial role in engagement and the video poll widget understands this. The Scheduled Polling feature lets you set a beginning and ending date for your poll, making sure it matches perfectly with your event schedule or campaign plan.

Timed Polling

Elevate how you show your results with our Improved Winner Announcement Screen feature. This not only reveals the winners but also gives a detailed breakdown of the votes each participant got, both as a number and as a percentage. This openness builds trust, increases engagement, and lets everyone see exactly how the final results came out.

Designed Winner Announcement Screen

Maintain your polls honest and trustworthy with our One-Vote-Per-User limit feature. You can choose to recognize the user by their browser or by IP address, making sure that each vote matters and that duplicate voting is avoided.

Discover the best apps for your website

91,533 third-party apps are waiting to be uncovered