Typeform

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

Example 1

Example 2

Example 3

Example 4

Example 5

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

Website Components

Embed images into titles. Control animation, positioning, font, and responsiveness.

Add an extra layer of intrigue to your titles with animated backgrounds. The gentle movement of the image can create a captivating effect, keeping your audience engaged and encouraging them to explore your content further.

Add Dynamic Animations

Take full control over how your background images align with your titles. This feature enables you to fine-tune the position and coverage of your images, ensuring a seamless blend with your titles for the most impactful visual effect.

Optimized Image Positioning

With the option to emphasize text with a stroke, you ensure maximum readability for your audience. This feature enhances the contrast between your text and its background, making your titels more striking and easier to read.






Enhanced Text Visibility

The power to set the animation direction of your background images is in your hands. Whether it's right, left, up, down, or a zoom effect, you can decide the path that best complements your title and site design.

Customizable Animation Direction

You can also control the pace of your animations to match the rhythm of your website. This feature allows you to set the speed of your image movements, creating a harmonious and engaging visual experience for your site visitors.

Flexible Animation Speed

Breathe new life into your titles with a vast selection of fonts. This feature lets you experiment with different typography styles, allowing you to find the perfect match for your brand and the message you want to convey.

Variety of Font Choices

The Headline With Background Image widget is designed to keep user-friendliness at the forefront, ensuring easy usage and understanding of its functionalities. Its intuitive interface encourages user interaction and makes sure that visitors can smoothly navigate the widget, leading to a better overall website experience.

Easy to use

The Headline With Background Image widget is fully responsive, ensuring your content looks its best on any device. This means your engaging titles and eye-catching images will retain their impact and readability, whether viewed on a desktop, tablet, or smartphone.

Fully Responsive

Like our other tools, the Headline With Background Image widget also provides the flexibility to integrate custom CSS for a truly tailored look. Users with coding skills can boost the widget's aesthetics, attaining their preferred design style by incorporating their own custom CSS code.

Customize with Custom CSS

The Headline With Background Image widget is easy to add to your website, needing just basic tech know-how. This means you can quickly set it up without needing lots of extra help or fancy skills, making the whole process smoother and faster.

Easy to embed

The Headline With Background Image widget allows you to unleash your creativity without requiring advanced technical skills. This user-friendly tool enables anyone to create visually stunning headlines, making your website more appealing and interesting in just a few simple steps.

Effortless Creativity

This widget turns your headlines into an immersive visual experience. By using the Headline With Background Image widget, you are more likely to attract and keep the attention of your visitors, creating a memorable first impression.

Visually Engaging Content

By using images as the backdrop for your headlines, you add a new dimension to the user experience. This fresh and unique approach to presenting information can make your site more enjoyable and compelling for visitors, increasing user engagement.

Enhanced User Experience

 Headline With Background Image

Get Creative

Displays a series of videos from multiple sources , in a slideshow format

The Video Slider widget supports an array of video hosting platforms, including YouTube, SoundCloud, Facebook, Vimeo, Twitch, Streamable, Wistia, DailyMotion, Mixcloud, Vidyard, and Kaltura. By displaying videos from various platforms, you can offer your website users a diverse selection of video content that caters to different preferences, enabling you to capitalize on the unique advantages of each hosting platform.

Multiple Video Hosting Platforms Support

The Video Slider widget features the option to adjust the video sizes within the slider — from small to large, vertical or horizontal, you can tailor the widget to meet your specific requirements. The ability to customize the size and orientation of your video slider is an essential feature that can improve your website's visual appeal and usability. By having the option to modify the size of the video slider widget, you can ensure its seamless integration into your website's layout without disrupting the overall design. Additionally, you can choose between vertical or horizontal orientations, depending on the type of video content you wish to display and your website's layout.

Customizable Video Size

The Video Slider widget incorporates hover effects, adding an extra layer of visual flair to elevate the user experience on your pages. This interactive feature not only enhances the aesthetic appeal but also fosters a dynamic, user-centric environment that keeps visitors intrigued and engaged.

Video Slider Hover Effect

The Video Slider widget features two layout styles — carousel and grid. Select from these options to tailor the widget to your website's design. Whether you need a fluid, continuous carousel for a cinematic experience or a structured grid for easy browsing, the Video Slider provides the flexibility to align with your design vision.

Video Slider Layout Styles

The Video Slider widget introduces an immersive and elegant Lightbox feature, allowing users to open and view videos in a responsive overlay on your website. This sophisticated functionality offers an enhanced, distraction-free video-watching experience, seamlessly blending with your site's design and maintaining user engagement.

Open video in a popup

The Video Slider widget offers complete customization, letting you adapt its design to fit your website's look. You can readily tweak colors, fonts, spacing, and more, ensuring a seamless integration with your site. A real-time preview function lets you experiment until you find the ideal design combination, enhancing user experience while achieving your aesthetic goals.

Fully Customizable Video Slider Widget

The Video Slider widget is designed to be fully responsive, delivering an optimized user experience across all devices, from desktops to mobiles. In today's mobile-first world, its adaptability ensures a smooth, intuitive website navigation for all visitors, giving your site a competitive edge in terms of functionality and design.


Perfectly Responsive Video Slider

The Video Slider widget is simple to use and does not require any coding expertise. Our intuitive dashboard, complete with drag-and-drop functionality, empowers you to customize the widget to your liking with just a few clicks.



The Video Slider widget lets you go beyond built-in options by incorporating custom CSS for a truly unique touch. This feature empowers you to adjust size, shape, and position or create new styles from scratch. This extensive customization promotes perfect alignment with your site's aesthetic and enhances the user experience.

Video Slider Custom CSS

Easily embed the Video Slider widget on your website by copying a single line of code. The Video Slider will update automatically with each modification you make. Copy the code for the widget and paste it into your website's HTML code. Place the code in the appropriate section of your website, such as the footer or header.

Easy To Embed Video Slider

The Video Slider widget, along with its captivating animation effects, will effortlessly grab users' attention toward your content. In a world where visuals matter, this tool becomes an essential asset for cutting through the digital noise and making your content stand out.

Capture Attention with Video Slider

The Video Slider widget offers extensive customization options, allowing you to tailor the widgets to your preferences and seamlessly integrate them with your website's overall design. Its user-friendly interface enables even beginners to create eye-catching widgets with minimal effort.

Enhance Your Website Design with Video Slider

Leverage the power of video to tell compelling stories about your brand, products, or services, which can create a stronger emotional connection with your audience and boost customer loyalty. Moreover, such rich storytelling can stimulate curiosity, encouraging users to explore more about what you have to offer, ultimately driving higher conversion rates.

Engage Users with Rich Storytelling

Video Slider

Media

New!

Unleash creativity with a unique blend of grid gallery and carousel slider. Customizable, user-friendly, and mobile-optimized.

Introduce an element of dynamism to your image display with our unique carousel feature. This format breathes life into your grid images, creating a striking visual experience for your site visitors.

Experience a Carousel Spin on Grid Images

Tailor your gallery to align seamlessly with your website aesthetics. Our range of grid layouts offers you the flexibility to choose a structure that both highlights your images and fits your site's overall design.



Choose from a Variety of Grid Layouts

Empower your site visitors with the ability to interact directly with your image gallery through the drag-and-move option for the carousel. This feature not only enhances user engagement but also allows users to navigate your gallery at their own pace, creating a more personalized and enjoyable browsing experience.

Drag-and-Move Carousel Option

Boost the user experience on your website by adjusting the speed of the drag animation in your image carousel. This feature allows you to control the pace of image transitions, providing a smooth and enjoyable browsing experience tailored to your audience's preferences.

Enhance User Interaction with Customizable Drag Animation Speed

Further customize your image carousel with the option to select from a variety of drag icons. This feature enables you to align the carousel controls with your website's design and branding, creating a cohesive and visually appealing user interface.

Personalize Your Carousel with Custom Drag Icons

Offer your visitors a deeper look at your images with a full view in a pop-up, complete with captions and descriptions. This feature allows you to provide additional context and detail, enriching your audience's understanding and engagement with your content.

Engage with Detailed Pop-up Views

Select the scrolling orientation that best fits your website design and user interaction. This feature gives you control over the flow and direction of your image display, enhancing the user experience.

Scroll Direction: Horizontal or Vertical

Cater to a diverse global audience with our Right-to-Left (RTL) support. This essential feature ensures that your image carousel is accessible and user-friendly for those using RTL languages, demonstrating your commitment to inclusivity and a superior user experience for all.

Embrace Global Accessibility with RTL Support

The Image Grid Slider widget boasts comprehensive customization options, allowing you to modify the design to suit your preferences. Adapt the colors, fonts, grid spacing, and more to your liking! Fine-tune these elements to craft a user experience that not only enhances your website's appeal but also reflects your unique brand identity and aesthetics.

Fully Customizable

The Image Grid Slider widget is fully responsive and provides an impressive visual experience on any device. In today's mobile-centric world, this feature gives you an edge over your competitors. Furthermore, this adaptability guarantees a consistent and engaging browsing experience for all users, irrespective of their device or screen size.

Perfectly Responsive

The Image Grid Slider widget is user-friendly and requires no coding knowledge. With just a few clicks, you can tweak the carousel and grid settings using our intuitive controls. It's truly as straightforward as it gets, making stunning image displays accessible to everyone!

Easy To Use widget

As with all of Common Ninja’s apps, you can inject custom CSS to further personalize the Image Grid Slider widget and unleash your creativity. This additional flexibility lets you refine the widget's look and operation, guaranteeing a truly unique and customized experience for your users.

Use Custom CSS

You can easily integrate the Image Grid Slider widget into your website by copying just one line of code. Plus, the widget will automatically reflect every change you make, ensuring a seamless and always current experience for your users.

Easy To Embed widget

Draw your visitors in with the combination of an image slider and gallery. The dynamic movement of the slider and the organized display of the gallery will captivate your audience, keeping them engaged with your site.

Boost User Engagement with Dynamic Display

Use the Image Grid Slider to present your work, products, or services in a unique, visually appealing format. The blend of a carousel effect and masonry grid helps spotlight your offerings, increasing the likelihood of conversion.

Showcase Your Offerings in an Innovative Way

Regardless of your technical skill level, the Image Grid Slider makes it simple to build an attractive and eye-catching image display. Its intuitive interface and user-friendly design ensure that anyone can create stunning visuals with ease.

Effortlessly Create Stunning Visuals

Experience the perfect fusion of a grid gallery and carousel slider with our Image Grid Slider widget. It's free, easy to use, highly customizable, and mobile-optimized, making it a versatile tool for enhancing your website's visual appeal and user engagement.

Image Grid Slider

Images & Galleries

Showcases quotes in a rotating or sliding manner

The Quotes Carousel widget comes with the option to change the carousel’s sizes — from small, to large, vertical, or horizontal, you make the widget fit your specific needs.
This flexibility allows you to showcase quotes in various ways, depending on the layout and design of your website. Whether you want to highlight a single quote or display multiple quotes at once, the Quotes Carousel widget can accommodate your needs. With the ability to customize the size, the Quotes Carousel widget gives you complete control over how you present quotes on your website.

Carousel Size

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

Quotes Carousel Arrows & Pagination

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

Slider Speed & Time Per Slide

The Quotes Carousel widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style.
This allows you to create a cohesive look and feel across your website by matching the Quotes Carousel widget's design with the rest of the elements on your website.

Multiple Layouts

The Quotes Carousel widget comes with the option to choose from three types of quote displays — with quote marks, highlighted, or standard.
This feature allows you to present quotes in a way that best suits your website's design and the type of quotes you're featuring. With these different display options, the Quotes Carousel widget allows you to present quotes in a way that is most effective and impactful for your audience and to provide a unique visual experience for your visitors, and make your website stand out.

Multiple Quotes Types

You can choose from a large selection of premade skins to kick-start your design process.
This feature saves you time and effort by providing a variety of ready-made skins that you can use as a starting point for your design. The premade skins have been carefully crafted to suit different website styles and themes, and you can easily customize them to match your brand's colors, fonts, and overall aesthetic. This way, you don't have to start from scratch when designing your Quotes Carousel widget; you can pick a skin closest to your desired design and make minor adjustments to make it perfect for your website. Furthermore, having a variety of premade skins also means that you have a more comprehensive range of options to choose from, ensuring that you'll find one perfect for your website.

Multiple Quotes Carousel Skins

The Quotes Carousel 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 gives you complete control over the widget's appearance, ensuring that it perfectly matches the design of your website. With the ability to customize all aspects of the Quotes Carousel widget, you can make it stand out or blend seamlessly with the rest of your website. Furthermore, the customization options allow you to create a unique and personalized experience for your visitors. You can also use it to match your brand's visual identity, making it consistent across all website pages. In addition to design, you can customize other features such as the transition effects, the layouts, and the quote displays. All in all, the Quotes Carousel widget provides a wide range of customization options, giving you the freedom to create a truly unique and engaging experience for your visitors.

Fully Customizable Quotes Carousel Widget

The Quotes Carousel 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. With more and more people accessing the internet through their smartphones and tablets, your website must be optimized for mobile devices.

Perfectly Responsive Quotes Carousel widget

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

Custom CSS

Embedding the Quotes 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 Quotes widget every time you make a change. This feature can save you a lot of time and effort and ensure that your Quotes Carousel is always up-to-date and accurate.

Easy To Embed Quotes Carousel

With the Quotes Carousel widget, you can enhance your website’s design by displaying powerful quotes. With the ability to change the carousel’s size, and the slider’s options, you will be able to create a quotes carousel that is perfect for your website.
With the Quotes Carousel widget, you can add a dynamic and engaging element to your website that will leave a lasting impression on your visitors.

Use Quotes Carousel to Enhance Design

A major benefit of the Quotes Carousel is that it doesn’t take up much space. Unlike galleries, cards, and other forms that take up a lot of space, the Quotes Carousel can show as many quotes as you want, from within a fixed position, and in an interactive manner. Additionally, you can create different carousels for different categories, and avoid building unnecessary pages for different categories.

Save Space On your Website

The Quotes Carousel widget is a perfect way to grab visitors' attention and encourage them to interact with your website.
Not only does it add visual appeal to your website, but it also allows you to showcase meaningful and inspiring quotes that can resonate with your visitors. You can use quotes from famous figures, industry leaders, or even customers to connect with your audience on a deeper level. 

Increased Engagement

Quotes Carousel

Showcase statistics, metrics, or countdowns in an animated visually appealing display

With the right background image, fonts and titles, it is possible to tell a whole story and create the right association between a brand, and its impressive numbers.

Visual Storytelling With the Right Background

Style 2

Style 3

For the more information-delivery-based websites, where numbers play an important part, it’s best to keep the numbers, titles, and associated icons clear and easy to understand. And with the full customization options, and the large selection of icons the widget offers, it’s easy to do just that.

Clean Design With Relevant Icons for Better Understanding

The widget enables not only to create of informative number counters, but aesthetically pleasing ones as well, which will go hand in hand with the website’s design, and play a significant role in creating the right atmosphere.

Setting the Right Mood and Atmosphere

The Animated Number Counter app features an entertaining, eye-catching “counting” animation that is sure to add a sense of action to your website, as well as help focus the user’s attention on important information.

Eye-Catching Animation

The Animated Number Counter 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 Animated Number Counter app features commonly used layouts that you can choose from to fit your web page’s design.

In addition to the option to add images to the number counter, the app has a large selection of icons that you can choose from to add instead of images.

A Robust Set of Icons

You can customize the app any way you see fit, including deciding on what the starting number of the counter will be.

Set Start Number

Do you want to add a plus sign after a number? Or perhaps to denominate that the number refers to users? Or maybe even that the number represents a certain currency? Regardless of what you want to add, you can easily do this by adding a prefix or a suffix to appear before or after the number.

Add a Prefix or Suffix

You can easily add links to the Animated Number Counter app, to improve navigation and increase conversions.

Add Links

You can add a background in the form of an image to really set your number counter apart and to further complement your website’s design direction.

Add & Change a Background

The Animated Number Counter 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 Animated Number Counter 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 Animated Number Counter 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 Number Counter Widget

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

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

Easy To Embed

With the app, you can add animation to your static pages and make them less boring and more engaging to you your users. Insert the animation in between sections to let your users rest their eyes, or next to a section with lots of text, to highlight the significant bits, or any other way you see fit.

Add Animation to Static Pages

The animation effect of the app makes it so that you can easily draw attention to different stats. And, with its help, you can showcase your strengths — whether it’s the number of users you have, active installation, sales or anything else.

Make Stats More Noticeable

The app is fully customizable, and in addition to the animation effect, it can be customized to complement any page design through a large selection of icons, different layout options, pre-made skins and more.

Typeform

Webflow app

App Details

Pricing

Check Out the Calendar 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

Calendar

Headline With Background Image

Video Slider

Image Grid Slider

Quotes Carousel

Animated Number Counter

Facebook Reviews

Corner Coupon Pop-up

Mastodon Feed

Timeline

Flash Cards

Marketing Button

apps You Might Like

Discover the best apps for your website

Common Ninja Search Engine