ClouDNS

Present a task or process in a clear, visual way, showcasing each step with images and text

Example 1

Example 2

Example 3

Example 4

Example 5

The Process widget allows you to choose a vertical or horizontal Process display to help you tailor the design to your specific needs. Customize your Process widget's layout by selecting the orientation that best fits your website's design and user experience.

Vertical & Horizontal Process display

The Process widget features a variety of hover effects that you can choose from to make your content more unique, visually appealing, and engaging. Draw users in by selecting unique and visually appealing hover effects that set your content apart from the competition.

Choose from Various Hover Effects

The Process widget comes with the ability to add images to individual items on the Process, allowing you to make it more visually appealing, eye-catching, and easier to understand. Improve content comprehension and create a more visually engaging experience by incorporating images into your Process widget.

Enhance Your Process with Images

The Process widget comes available with multiple skins that you can choose from to make sure it fits your overall website design and style. Choose from a wide variety of pre-designed skins to ensure the Process widget aligns with your website's overall style and design.

Select from Multiple Skins for the Process Widget

The Process 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! Personalize every aspect of your Process widget, from colors and fonts to spacing and more, creating a truly unique and tailored experience.

Unleash Your Creativity

The Process 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. Stay ahead of the competition with a Process widget that looks great and functions seamlessly on any device, in any screen size.

Process Widget Responsive Design for All Screens

The Process 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. Customize your Process widget effortlessly using our user-friendly, drag-and-drop dashboard that makes adjustments a breeze.

Easy To Use Process widget

As with all of Common Ninja’s widgets, you can add custom CSS to customize the Process widget and be even more creative. For users with coding skills, enhance the Process widget even further by adding custom CSS to achieve the perfect design.

Add Your Personal Touch with Custom CSS

You can embed the Process widget on your website easily by copying a single line of code. The Process widget will also be updated automatically with every change you make. Effortlessly integrate the Process widget into your website and enjoy automatic updates with just a single line of code.

Easy embed of the Process widget

With the Process widget, you can organize and present information in an organized order, making it easier for your users to understand the content on your website. Clearly convey your message and improve user experience by displaying content in a structured and visually appealing manner.

Better Organization and Navigation

The Process widget can help make your website more interactive and engaging for users, encouraging them to explore the content and spend more time on your site. Captivate your audience by incorporating the interactive Process widget, which encourages users to explore and engage with your content.

Make Your Website More Engaging

The Process widget can add a visually appealing element to the website, making it more attractive and memorable for visitors. Leave a lasting impression on your visitors with a beautifully designed Process widget that elevates your website's overall appearance.

Visually Appealing Process Display

Process

Get Creative

Website Components

Showcases images in a rotating or sliding manner

The widget comes with the option to change the carousel’s image sizes — from small, to large, vertical, or horizontal; you make the widget fit your specific needs.
Additionally, the widget also includes the ability to add captions to each image, giving you the ability to provide more information and guide visitors to other pages on your website. The carousel feature also allows for easy navigation between images, making it user-friendly and interactive.

Image Carousel Slide Size

With the option to change the arrow types of the Image Carousel slider, and the pagination icons below, you can further customize the widget and make it fit your design requirements.

Arrows & Pagination 

The Image Carousel widget comes with the options to control the speed at which the images slide, and how much time should be spent on the images. You can use these options to tailor your user’s experience.

Slider Speed & Time Per Slide

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

Image Carousel Multiple Layouts

The Image Carousel widget is designed to provide complete customization options, allowing you to edit the design to fit your needs perfectly. With this widget, you can change the colors, fonts, spacing, and a wide range of other design elements to create a custom look and feel tailored to your requirements.


Fully Customizable Image Carousel

The Image Carousel widget is fully responsive and will look great on any device, this feature can give you a significant advantage over your competitors in today's mobile-first world. With more and more people accessing the internet through their smartphones and tablets, your website must be optimized for mobile devices.

Perfectly Responsive Image Carousel

The Image Carousel 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 widget

As with all of Common Ninja's widgets, the Image Carousel widget also provides the option to add custom CSS, which allows you to take your customization to the next level and be even more creative. Custom CSS will enable you to create custom styles and design elements that are unavailable through built-in customization options.

Image Carousel Custom CSS

Embedding the Image Carousel widget on your website is easy, simply copy a single line of code, and paste it into the HTML of your webpage. This allows you to quickly and easily add the widget to your website without any complicated setup or installation process. Once the widget is embedded, it will automatically update with every change you make, so you don't have to worry about manually updating the widget every time you make a change. This feature can save you a lot of time and effort, and ensure that your Image Carousel is always up-to-date and accurate.

Easy To Embed Image Carousel

With the Image Carousel widget, you can enhance your website’s design by selecting beautiful photos, and with the ability to change the photo’s sizes, and the slider’s options, you will be able to create an image carousel that is perfect for your website.

Use Image Carousel to Enhance Design

The Image Carousel widget is especially useful to people who need to promote their images and photos, on a portfolio website, for example, as it gives a simple way to showcase different works in an eye-pleasing manner.

Promote Your Work with Image Carousel

The Image Carousel widget is a perfect way to grab the attention of visitors and encourage them to interact with your website.

Increased Engagement

Image Carousel

Images & Galleries

The Flip Card widget allows you to present content on both the front and back of each card, doubling your available space without overwhelming the layout. You can use the front side to highlight key information and the back side for extended details, links, or calls-to-action. This layered format keeps your design clean while delivering more value per card.

Two-Sided Content Display

Choose from a variety of sleek animation styles to control how your cards flip—up, down, left, right, or with push effects. These transitions add a sense of interactivity and motion that enhances user engagement. With just a few clicks, you can match the animation to your site’s tone, whether playful, dynamic, or professional.

Smooth and Customizable Flip Animations

The widget lets you populate cards with a wide variety of fields, such as images, titles, descriptions, pricing, contact details, and ratings. This comprehensive setup makes it ideal for showcasing products, services, or team members in detail. You can mix and match fields to fit any use case or structure.

Support for Diverse Content Types

Enhance your cards with interactive elements like clickable buttons, email links, phone numbers, and coupon codes. These features make it easy for users to engage directly with your content. Whether it’s tapping a link or revealing a deal, the Flip Card promotes hands-on interaction.

Built-In Interactivity to Drive Action

Arrange multiple fields on the same horizontal line for a cleaner, more compact card layout. This option is great for pairing elements like ratings and prices, or phone and location info. It helps you display essential data in a space-efficient, visually balanced way.

Neatly Align Fields Side by Side

The Flip Card widget comes with multiple layout configurations to suit different website designs. Whether you're building a grid of product showcases or a vertical list of team profiles, you can choose a layout that complements your site’s flow. This flexibility ensures that your flip cards look organized and professional on any page.

Variety of Layout Options

Save time and effort with a collection of beautifully crafted skins designed to fit a wide range of styles. Whether your website is sleek and modern or more playful and bold, there’s a skin that works right out of the box. Each skin offers a polished look without requiring manual design work.

Choose from Pre-Styled Flip Card Skins

Customize every visual element of the Flip Card widget—colors, fonts, spacing, borders, and more—to create a cohesive design that fits your site perfectly. These styling options give you the freedom to personalize each card while maintaining full consistency with your brand identity.

Fully Customizable to Match Your Brand

Flip Cards are designed to be fully responsive, so they display perfectly across all screen sizes and devices. Whether your visitors are browsing from desktops, tablets, or smartphones, they’ll enjoy a seamless and interactive experience. This mobile-friendly design ensures maximum engagement everywhere.

Optimized for All Devices

You don’t need any coding skills to use or customize the Flip Card widget. With a clean and intuitive editor, anyone can adjust content, styling, and animations with just a few clicks. This makes it easy to set up and manage your cards without technical help.

No Coding Required – User-Friendly Design

For developers and designers who want extra control, the widget supports custom CSS. You can tweak specific visual elements or create entirely unique styles to match advanced branding needs. This flexibility is perfect for adding a personal or professional touch beyond the standard options.

Add Custom CSS for Advanced Control

The Flip Card widget can be embedded into any website with a simple line of code. Once added, all changes you make in the editor are automatically reflected live on your site. This hands-off maintenance ensures your content always stays up to date without extra effort.

Easy Embedding on Any Website

Flip Card's engaging animation draws users’ attention and encourages interaction, making your content more noticeable. This helps reduce bounce rates and increases the time visitors spend on your site. Interactive content like this can play a big role in improving user experience and engagement metrics

Boost Engagement with Flip Card Visual Interactivity

By using Flip Cards to emphasize calls-to-action, promotions, or special features, you can guide visitors toward key conversion points. The engaging format helps important content stand out without overwhelming the page. This focused approach contributes directly to lead generation and sales growth.

Drive Conversions with Interactive Callouts

Use Flip Cards to present important details—like features, pricing, or team bios—in a compact and attractive format. By making the information both accessible and engaging, you help visitors absorb content more effectively. This boosts the chances they'll take desired actions, such as signing up or making a purchase.

Highlight Key Information Creatively

Flip Card Builder

Lists & Cards

New!

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

Create, customize, and display product catalogs seamlessly on any website.

Utilize the Catalog widget to sort products into organized categories. An intuitive navigation panel lets visitors swiftly filter by these categories. This enhances the browsing experience, guiding users directly to their desired products.

Catalog Categories

Incorporate a "Call to Action" (CTA) button with the Catalog widget, directly linking to each item. This clickable element streamlines user navigation, leading them effortlessly to more detailed information or purchase pages. Enhance user engagement and potentially increase conversions with this intuitive feature.

CTA button

Using the Catalog widget, showcase a complete profile for each item with a title, description, and image. This holistic presentation ensures visitors receive a clear and concise overview of every offering, enhancing their browsing experience.

Comprehensive Item Details

Integrate a search bar with the Catalog widget to empower your visitors. This feature allows for immediate and accurate product searches, streamlining user navigation and helping them effortlessly find what they're looking for.

Instant Product Lookup

With the Catalog widget, choose between two distinct item layouts. This flexibility allows you to select the visual representation that best suits your content and aligns with your website's design, ensuring a cohesive and appealing user experience.

Tailored Visual Presentation

The Catalog widget offers a range of beautiful skins to choose from. Customize the appearance to match your website's style and vibe, ensuring not only functionality but also a visually appealing and cohesive user experience.

Diverse Aesthetic Catalog Skins

With the Catalog widget, easily integrate via CSV or API to auto-populate your catalog. This ensures your products and items are showcased effortlessly and accurately, minimizing manual input and enhancing the efficiency of your site's content management.

Seamless Integrations

The Catalog widget is designed with ease of use in mind and doesn't require any coding expertise. Its intuitive dashboard, paired with a drag-and-drop interface, empowers you to tailor the widget to your preferences effortlessly. Customize and curate your catalog with just a few simple clicks.

Easy to Use Catalog

With the Catalog widget, you're in the driver's seat when it comes to design. Adjust various elements, from colors and fonts to spacings, ensuring it complements your brand or personal aesthetic. Whether you're aiming for a contemporary feel or a classic touch, the Catalog widget offers a plethora of customization choices, allowing you to achieve the ideal design for your endeavor.

Fully Customizable Catalog Widget

The Catalog widget is more than just a visual asset; it's an essential tool for modern websites. It boasts a fully responsive design, ensuring it adapts gracefully to any device's screen size. In today's mobile-driven world, a site optimized for mobile viewing isn't just a luxury—it's a necessity. And with the Catalog widget, your website will shine on any platform, providing you with a competitive advantage.

Perfectly Responsive Catalog Widget

Dive deep into the design with the Catalog widget's advanced editor, granting you unparalleled control over its aesthetics. Tailor everything, from colors and fonts to layout nuances, suiting your unique taste. For those seeking a more intricate touch, direct CSS editing is at your disposal. Whether aiming for modest tweaks or extensive customizations, our advanced editor ensures your vision comes to life.

Custom CSS for Catalog Widget

Embedding the Catalog widget is as simple as copying and pasting a given code snippet into your webpage's HTML. What's more, the widget's design prioritizes ease-of-use and adaptability. Any modifications made in the Catalog Editor automatically reflect on your site, eliminating the hassle of manual updates and ensuring real-time synchronization.

Easy to Embed Catalog Widget

The Catalog widget allows for a systematic and visually appealing presentation of your items. You can showcase products, services, or any other listings in a structured manner. This organization not only aids in clarity but also aids in user navigation.

Organized Display of Items

By utilizing the Catalog widget, your website gains an edge in professionalism. A well-structured catalog signifies attention to detail and dedication to user experience. As a result, your site's credibility is enhanced, potentially attracting more visitors.

Enhance Site Professionalism

Updating your catalog becomes a breeze with the Catalog widget. You can make real-time changes, ensuring that visitors always access the most recent and relevant information. The widget eliminates the need for manual adjustments or overhauls, saving you time.

Streamlined Updates

Catalog

Showcase TikTok videos on your site with a customizable carousel.

Navigate through your TikTok content with ease using intuitive arrows and pagination. These navigation tools make it simple for visitors to explore your TikTok videos, enhancing the interactivity and accessibility of your website’s content.

Arrows & Pagination for TikTok Carousel

Control how your audience interacts with your TikTok Carousel by adjusting the slider speed and the duration each TikTok video is displayed. This customization ensures viewers have ample time to engage with your content, tailored to the pacing that suits your website’s rhythm.

Customizable Slider Speed & Time Per Slide for TikTok Carousel

The TikTok Carousel Widget is designed to keep your website vibrant and engaging by automatically updating with the latest content from your TikTok feed. This feature ensures that your site remains fresh, dynamic, and aligned with current trends, encouraging visitors to return regularly for new and exciting content.

Automatically Refreshing TikTok Carousel Content

Enhance user interaction on your website with clickable content within the TikTok Carousel Widget. This feature allows visitors to engage directly with your TikTok videos, fostering a deeper connection with your content. By enabling viewers to click through to TikTok or interact with the videos right on your site, you create a more immersive and interactive experience, boosting engagement and time spent on your site.

Interactive Clickable Content in the TikTok Carousel

The TikTok Carousel Widget is designed for simplicity, making it easy for anyone to add and customize on their website without needing any coding skills. An intuitive interface ensures you can effortlessly integrate and manage your TikTok content, enhancing your site’s functionality with ease.

Easy-to-Use TikTok Carousel Widget

Tailor the TikTok Carousel to fit your brand with extensive customization options. Adjust everything from colors and fonts to the carousel’s overall size, ensuring your TikTok content aligns perfectly with your website's look and feel. This high degree of customization supports brand consistency and user engagement.

Fully Customizable TikTok Carousel Widget

Designed to look great on any device, the TikTok Carousel Widget ensures your TikTok content is accessible and engaging, whether viewed on a desktop, tablet, or smartphone. This responsiveness is crucial for maintaining a quality user experience in today’s mobile-first world.

Perfectly Responsive TikTok Carousel

Dive deeper into customization with the option to add custom CSS to your TikTok Carousel Widget. This feature is ideal for those who want to push the boundaries of design and functionality, providing the flexibility to create a truly unique experience for your website visitors.

Custom CSS for TikTok Carousel

Embedding the TikTok Carousel Widget on your website is straightforward, requiring just a single line of code. This ease of integration makes it simple to keep your site updated with the latest TikTok content, ensuring your audience always has something new and exciting to discover.

Effortless Embedding of the TikTok Carousel on Any Website

Featuring user-generated content from TikTok on your website can significantly enhance your brand's social proof. Showcasing real people engaging with your products or services builds trust and credibility with your audience, making them more likely to convert. The TikTok Carousel widget makes it easy to display this powerful form of endorsement directly on your site.

Boost Social Proof with TikTok Carousel Integration

Leveraging the TikTok Carousel widget extends the reach of your TikTok content beyond the app itself, exposing your brand to a wider audience. By embedding TikTok videos on your site, you tap into new demographics and drive cross-platform engagement, increasing overall brand awareness and visibility.

Increase Brand Exposure through TikTok Carousel

Integrating the TikTok Carousel widget into your website offers a dynamic way to engage visitors. By showcasing trending TikTok content directly on your site, you tap into the viral nature of TikTok videos, keeping visitors entertained and engaged longer. This increased on-site time is not only beneficial for SEO but also boosts the likelihood of conversions.

Enhance User Engagement with the TikTok Carousel

TikTok Carousel

Social Feeds

Display the latest posts from your Instagram page

You can add motion and action to your page with the Instagram Feed widget's "ticker" animation, which mimics an old news ticker. As this animation creates a dynamic and visually engaging experience, it can be an effective tool for grabbing users' attention immediately. When a user lands on your page, the ticker animation will scroll through the Instagram feed, highlighting the latest posts and updates. You can use this method to draw users' attention to the Instagram section of your website and encourage them to explore further.

Instagram Feed Ticker Animation

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

Date & Time Display Settings

The Instagram Feed widget comes equipped with an "auto-refresh" option, which when toggled, keeps updating the feed with new posts automatically. This feature is particularly useful for websites that rely on fresh, up-to-date content, as it ensures that users always have access to the latest updates. When the auto-refresh option is enabled, the widget will continuously check for new posts, and automatically refresh the feed when new content is available.
This feature can also be useful for businesses that want to promote their products or services through Instagram. By keeping the feed updated with new posts, the auto-refresh feature can help to keep users engaged and increase brand awareness, leading to more sales and conversions.

Feed Auto Refresh

Two different feed types are available in the Instagram Feed widget: Tabs and Mixed. These feed types provide different ways to organize and display your Instagram feeds to suit your specific needs and preferences.
The Tabs type allows you to keep all your tabs organized by order of feed, this way you can easily navigate between your different Instagram feeds, and quickly access the content that you're interested in. With this feed type, you can create multiple tabs, each one dedicated to a specific Instagram account or hashtag, and users can simply switch between tabs to view different feeds. This can be particularly useful for businesses that want to separate their different product lines, or for users that want to keep their personal and professional feeds separate.

On the other hand, the Mixed type, mixes the various Instagram feeds to create a diverse feed. This feed type combines posts from multiple accounts or hashtags into a single feed, providing a more dynamic and varied experience for users. This can be a great way to showcase different types of content, and to provide users with a more comprehensive view of your Instagram feeds.

ClouDNS

Webflow app

App Details

Pricing

Check Out the Process Widget

App Info

Find the Best Webflow apps for you

Popup

Translation

Social Sharing

Payment

Membership

Contact

Privacy

Social Feed

Forms

Popup

Chat

Forms

analytics

Events Calendar

Slider

Reviews

Comments

Ecommerce

Payment

Email Marketing

Chat

Some of the best Common Ninja apps for Webflow

Process

Image Carousel

Flip Card Builder

Live Weather Forecast

Catalog

TikTok Carousel

Instagram Feed

Corner Coupon Pop-up

Code Snippets

Multi-Row Image Slider

All in One Reviews

Instagram Carousel

apps You Might Like

Discover the best apps for your website

Common Ninja Search Engine