1&1 IONOS

Display the latest posts from your YouTube channel

Example 1

Example

Example 3

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

Ticker Animation

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

YouTube Feed Date & Time Display Settings

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

Auto Refresh

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

Different Feed Types

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

Customize Character Display Length

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

YouTube Feed Multiple Layouts

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

YouTube Feed Multiple Skins

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

Full RTL Support

The YouTube Feed widget features full customization options so you can edit the design to fit your needs. Change the colors, the fonts, the spacing and anything else!

Fully Customizable

The YouTube Feed widget is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors. 

Perfectly Responsive YouTube Feed

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

Easy To Use YouTube Feed Widget

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

Custom CSS

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

Easy To Embed YouTube Feed

The YouTube Feed widget allows users to choose between Tabs and Mixed feeds. In the Tabs type, you arrange all your tabs according to their feed order, whereas in the Mixed type, you mix different YouTube feeds to create a diverse feed.

Different YouTube Feed Types 

The YouTube Feed widget has an "auto-refresh" option that keeps refreshing and updating the feed when toggled.

YouTube Feed Automatic Refresh

Using the YouTube Feed widget, you can add an animated "ticker" to your page to simulate an old news ticker. Grab the user's attention immediately with it.

YouTube Feed

Social Feeds

Showcase Vimeo videos in a responsive, customizable slider that auto-updates and enhances user engagement.

Add a layer of interactivity to your slider with hover effects that highlight videos as users navigate through the slider. This feature enhances the visual appeal of your content.



Interactive Hover Effects

Personalize the Vimeo Slider by adjusting colors, fonts, spacing, and layouts to match your website’s branding and style perfectly.

Fully Customizable Design Options

The Vimeo Slider automatically adjusts to any screen size, ensuring your videos look stunning on all devices, including desktops, tablets, and mobile phones.

Fully Responsive and Mobile-Friendly

Keep your website fresh with the slider’s auto-refresh feature, which syncs with your Vimeo account to display your most recent uploads automatically.

Auto-Updating Vimeo Content

Make each video in your Vimeo slider clickable, allowing users to watch content directly and boosting engagement with your channel.

Clickable Videos for Enhanced Interaction

No coding knowledge is required to install the Vimeo Slider Widget. Its intuitive interface allows for quick setup and effortless customization.

Easy to Set Up and Use

For developers and advanced users, the Vimeo Slider Widget supports custom CSS, providing complete control over its appearance and functionality.

Advanced Customization with Custom CSS

The Vimeo Slider Widget is compatible with all major website platforms and can be embedded with a single line of code for easy integration.

Seamless Integration on Any Website

The Vimeo Slider Widget displays your Vimeo videos in an elegant scrolling slider, providing a modern and visually appealing way to present your content.



Showcase Videos in a Dynamic Scrolling Format

By integrating a Vimeo slider, you encourage visitors to interact with your videos directly, increasing engagement and time spent on your site.

Enhance User Engagement with Interactive Features

Featuring Vimeo videos in a sleek slider enhances your website’s aesthetics, showcasing your brand’s creativity and captivating your audience.

Elevate Your Website’s Design with Stylish Videos

Vimeo Slider

New!

Displays multiple time zones; customizable, responsive design.

The World Clock Widget offers the ability to display several clocks, each representing a different time zone. This feature is crucial for websites that cater to an international audience, as it allows for easy display of multiple time zones at once. It's particularly beneficial for websites involved in global business, communication, or events, ensuring users from various regions can easily find their local time.

Display Multiple Time Zones

This feature of the World Clock Widget allows you to not only set the specific time for each clock but also to label each with a custom title. This customization enhances the clarity and usability of your website, making it easy for visitors to identify the time zone represented by each clock. It's an invaluable tool for sites that need to reference multiple global locations, ensuring that each clock is easily distinguishable and accurately labeled.

Customizable Clocks with Titles

The World Clock Widget provides a selection of different display styles, ranging from classic analog clocks with hands to modern digital and list displays. This variety allows you to choose a layout that best fits the aesthetic and functional needs of your website. Whether your site has a traditional feel or a more contemporary vibe, you can align the clock display accordingly, enhancing the visual appeal and user experience of your site.

Varied Clock Layouts

With the World Clock Widget, you have the flexibility to select the format of the marker for classic clock displays. You can choose to show numbers, only markers, or a combination of both. This feature allows for a high degree of customization, ensuring that the clock not only provides accurate time information but also aligns with the visual design of your website. It's perfect for tailoring the look of your clocks to match your site's theme, enhancing the overall aesthetic and functionality.

Customizable Markers Formats for Classic Clocks

The World Clock Widget offers a variety of beautiful skins, enabling you to choose a design that aligns seamlessly with your brand and website aesthetics. This feature is designed to not only enhance the visual appeal of your site but also to significantly reduce the time and effort involved in customizing the widget. Whether your site has a modern, minimalist, or more traditional design, you'll find a skin that complements it perfectly, ensuring a cohesive and attractive user interface.

Select from Multiple design skins

The World Clock Widget empowers you to tailor the time display according to your preferences and audience needs. You can select between the 24-hour or the more traditional 12-hour clock format. Moreover, for the 12-hour format, there's an option to include or exclude the AM/PM indicator. This adaptability ensures that the widget's time presentation aligns.

Flexible Time Format Customization

The World Clock Widget comes with extensive customization capabilities, enabling you to modify its design to suit your specific requirements. You have the freedom to alter colors, fonts, spacing, and various other elements. This level of customization offers unparalleled flexibility, allowing you to craft a World Clock that is not only functional but also uniquely tailored to the aesthetic of your website.

Fully Customizable World Clock widget

The World Clock Widget is designed to be fully responsive, ensuring it displays elegantly on any device. In today's mobile-first environment, this adaptability is crucial, as it guarantees that your website's time display is accessible and visually appealing on smartphones, tablets, and desktops alike. This responsiveness not only enhances user experience but also gives your site a competitive edge in accessibility and design.

Perfectly Responsive World Clock

The World Clock 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 widget to your preferences with just a few clicks. This ease of use makes it accessible for anyone to integrate and modify the widget, regardless of their technical background, enhancing the functionality of your website without the need for specialized knowledge.

Easy To Use World Clock Widget

The World Clock 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 widget'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 World Clock Widget 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 on Any Website

Integrating the World Clock Widget into your website allows you to connect more effectively with an international audience. By displaying various time zones, you demonstrate awareness and consideration for visitors from different parts of the world. This feature fosters a sense of inclusivity and global reach, which can be pivotal for websites with a diverse user base.

Get Global Engagement Enhancement with World Clock

Having the World Clock Widget on your site offers a practical advantage for users needing quick time zone references. It eliminates the need for visitors to look up time differences elsewhere, saving them time and effort. This convenience enhances user experience and can increase the time visitors spend on your site.

User Convenience Boost

For websites that deal with time-sensitive information or events (like webinars, live streams, or international conferences), the World Clock Widget is particularly beneficial. It helps in clearly communicating the timing of these events to a global audience, reducing confusion and ensuring better participation and engagement.

Enhanced Time-Sensitive Communication

World Clock

Website Components

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

Example 2

Example 4

Example 5

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

Show off content in an inventive way using animated 3D card displays

It’s easy to follow information when it’s presented in an organized way, and when symmetry is applied, then the experience becomes even more enjoyable. 

Simple. Organized.

By presenting your products dynamically and engagingly, you'll leave a lasting impression on your audience and increase the chances of making a sale. Don't just settle for ordinary product presentations – choose a solution that will make a lasting impact on your audience and drive conversions.

Dynamic Product Display for a Lasting Impression

Turn things around and make your content a must-see destination for your visitors. By transforming your website's content into an engaging and attractive experience, you'll keep your visitors coming back for more and encourage them to share your content with their friends and followers.

Transform website content into an engaging experience for visitors

Using different layout options, you'll be able to find the perfect combination that speaks to your brand and engages your audience. Don't be afraid to get creative and think outside the box – sometimes the most unexpected layouts and styles can lead to the most compelling and practical designs.

Experimenting with Layouts and Styles for Website or Project

A simple but effective way to do that is by including a call-to-action button. A call-to-action (CTA) button is a button or link that prompts your visitors to take a specific action, such as making a purchase, signing up for a newsletter, or downloading a piece of content.

Call-to-Action Button for Encouraging Visitors to Take Next Step

The widget features a lovely 3D animation that will react to your user’s hovering motion, creating a fun, interactive experience for your users.

3D Animation

The widget has the option to toggle flipping on, which will enable users to click on an arrow and flip the card to show its backside, thereby enabling you to add more content to the card.

Card Flipping

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

Multiple Layouts

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

The 3D Cards widget comes with a selection of beautiful icons that you can use to add to it and enrich its visual appearance.

A Selection of Beautiful Icons

The 3D 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 3D 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

The 3D 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 Animated Cards Widget

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

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

Easy To Embed

With the 3D Cards widget, you can instantly draw attention to relevant information on the cards thanks to the full customization, the 3D animation, and the option to add the “flip” option.

Draw Attention

The widget will enable you to increase conversions by allowing you to add a button to the card linking it to relevant pages (the checkout page, for example).

Increase Conversions

With a 3D animation that reacts to the user’s hover movement, as well as the option to click on an arrow and flip the card, you will be able to create an interactive experience for your users, making their time on your website more fun and entertaining.

Add Interactivity

3D Cards

Get Creative

Lists & Cards

Different Panel Types

The widget features different button layouts that can further help you customize your panel to fit your requirements. The various button layouts offer a versatile and efficient method to interact with visitors to your website, whether you want to draw attention to a limited-time deal or highlight a new product.


Multiple Button Layouts

The widget has various button animations that are sure to draw the user’s attention and encourage them to click on the button. To make it more appealing to your consumers, you can also alter the button animations in accordance with the design language of your website or brand.

Various Button Animations

You have the freedom to tailor the user experience with the slide-in panel widget by choosing the location from which the panel will slide in, either at the top or bottom of your website, depending on your particular design and marketing requirements. This feature not only enables you to seamlessly integrate your new layout, but it also makes sure that the slide-in panel's promotional material is clearly displayed, grabbing visitors' attention and boosting the effectiveness of your marketing campaign.

Two Positions To Choose From

The Slide-In Panel widget features advanced display rules — like when or where to display the widget — that you can set and customize. The rules include action triggers like “on exit”, “time delay”, “page scroll” and more.

The Slide-in Panel widget has a selection of beautiful skins that you can use to add to it and enrich its visual appearance. The widget offers a selection of skins that you can use to alter the panels' style to fit your website's identity. By using these options, you can quickly and easily construct a Slide-in Panel that matches the general style of your website and has a professional appearance without having to spend hours designing it from scratch.

The Slide-In Panel widget comes with a selection of beautiful icons that you can use to add to it and enrich its visual appearance.

A Selection of Beautiful Button Icons

You may fully customize the Slide-in Panel widget to change the style to suit your needs. Customize anything you want, including the fonts, spacing, and colors! In order to create a unified and polished appearance, you may also select from a variety of font choices and modify the font's size, style, and color. You can alter the spacing in addition to these style choices to make sure it blends in with the rest of your website's design.

Any website would benefit from the widget Slide-In Panel. It has a clean and contemporary style that will improve the overall appearance of your site in addition to being fully responsive, which means it will shift fluidly to fit the screen size of any device. Having a website that is optimized for mobile viewing is essential in a world where more and more people are accessing the internet through their phones and tablets. You may use the widget to accomplish just that, providing you an advantage over rivals.

The use of the Slide-In Panel widget is simple and doesn't require any coding expertise. With only a few mouse clicks, you can modify the widget however you wish using our user-friendly interface. As a result, even people without coding knowledge can quickly and easily develop designed elements with a professional appearance that interact with their website and increase their online visibility and audience engagement.

Easy To Use

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

With the Slide-In Panel widget, you can greatly increase conversions by making your promotional information clearly visible. This is so that there is a greater chance that website visitors will take action and convert since the Slide-In Panel widget grabs their attention and conveys a clear and concise message.


The Slide-In Panel widget’s animation is attention-drawing and is sure to divert the users’ attention to the promotional message you are trying to convey. Using the Slide-In Panel widget to draw attention to your marketing message can boost user interaction and, as a result, your website's conversion rates.


With the Slide-In Panel widget, you can improve your users’ experience by offering them valuable information that will save them money, and improve their experience. This widget can be easily integrated into your website or application, allowing you to enhance user engagement and drive conversions.

Improve User Experience

Slide-In Panel

Show image and text cards of team members, that when clicked, flip to reveal additional content on the other side


The Team Member Flip Cards app 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!

The Team Member Flip Cards app 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 Team Member Flip Cards 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.

Beautiful Skins

As befits a flip card, the app 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 Team Member Flip Cards 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!

1&1 IONOS

Webflow app

App Details

Pricing

Check Out the YouTube Feed 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

YouTube Feed

Vimeo Slider

World Clock

Coupon Bar

3D Cards

Slide-In Panel

Team Member Flip Cards

Timeline

AliExpress Reviews

Telegram Chat

Calendar

Countdown

apps You Might Like

Discover the best apps for your website

Common Ninja Search Engine