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





Example 1

Example 2

Example 3

Example 4

Example 5

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

Flip Cards Multiple Layouts

The Flip Cards widget 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 Flip 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. 

Beautiful Flip Cards Skins

As befits a flip card, the widget 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 Flip 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!

Fully Customizable

The Flip 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 Flip Cards

The Flip 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 Flip Cards Widget

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

Flip Cards Custom CSS

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

Easy To Embed Flip Cards

The Flip Cards widget allows you to add customizable star rating icons to your cards. You can use this visual element to provide valuable information or help guide your users to the product/service you’d like them to try the most.

Customizable Star Ratings

The Flip Cards widget will allow you to improve the user’s journey by creating highly informative flip cards, with concise information and relevant links.

Improve User Navigation with Flip Cards

The Flip Cards widget is a fully customizable app that can be customized to fit any website design. It features multiple layouts and pre-made skins that you can use to enhance your design.

Flip Cards Enhance Design

The Flip Cards widget’s easy navigation features, as well as its customization features, will enable you to create easily noticeable and accessible messages and links, that can increase the conversions of your products or services.

Add Interactivity with Flip Cards

Use the Flip Cards widget when you want to present information in a compact format that feels interactive and memorable. Each card shows a front view with a title or image, and flips to reveal more details, letting visitors explore content at their own pace. This is ideal for features, services, benefits, team bios, learning materials, and any page where you want to reduce clutter without losing depth. Flip cards keep layouts clean because secondary text stays hidden until the user shows interest. The interaction increases engagement and recall by turning reading into discovery. With clear, focused fronts and concise backs, flip cards guide attention and support stronger decisions.

Flip Cards

Get Creative

Lists & Cards

Website Components

Showcases videos from various sources in a variety of visually appealing layouts and grids

The Video Gallery widget comes available with different animation options to enhance your video gallery even further. You may provide your audience with an immersive and engaging experience by using the animation elements of the Video Gallery widget. 

Various Animations

The Video Gallery widget allows adding a title and descriptions under the video to help users understand what they are watching. This feature not only enhances the user experience but also helps with search engine optimization (SEO) by providing relevant text content for search engines to index.

Title & Description

The Video Gallery widget supports a variety of video hosting platforms, including YouTube, SoundCloud, Facebook, Vimeo, Twitch, Streamable, Wistia, DailyMotion, Mixcloud, Vidyard, and Kaltura. With this level of flexibility, you can easily incorporate videos from multiple sources into your website, ensuring that your visitors have access to a diverse range of content

Multiple Video Sources

The Video Gallery widget features the ability to choose whether to play the video inline (on the page, as it is displayed), or in an enlarged popup. This flexibility allows you to customize the viewing experience for your audience, as well as the overall layout of your website.

Playback Options

The Video Gallery 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! You can also choose from different font options and adjust the font size, style, and color to create a cohesive and professional look. In addition to these design options, you can customize the spacing to ensure it fits seamlessly into your website layout.

Fully Customizable Video Gallery

The Video Gallery is a valuable tool for any website. Not only is it fully responsive, meaning it will adjust seamlessly to fit the screen size of any device, but it also has a sleek and modern design that will enhance the overall look of your site. In a world where more and more people are accessing the internet through their phones and tablets, it is crucial to have a website that is optimized for mobile viewing. The Video Gallery widget will allow you to do just that, giving you an edge over competitors.

Perfectly Responsive Video Gallery

The Video Gallery widget is easy to use and requires no coding knowledge. Our intuitive dashboard will enable you to customize the widget any way you’d like to with just a few simple clicks. This means that even those with no coding experience can quickly and easily create a professional-looking video gallery that seamlessly integrates with their website, helping to enhance their online presence and engagement with their audience.

Easy To Use

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Video Gallery 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.

Video Gallery Custom CSS

To embed the Video Gallery 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 Video Gallery editor will be reflected automatically on your website without the need for any additional manual updates.

Easy To Embed  Video Gallery

With the Video Gallery widget, you can showcase videos of your products or services and in a highly persuasive way that will help you convert visitors into customers. Video content has been proven to be an effective marketing tool, as it allows you to communicate your message in a visually engaging way that captures the attention of your target audience.

Use Video Gallery to Increase Conversions

The Video Gallery widget will enable you to add highly engaging video content to your website in an organized and visually appealing manner, making it easier for your visitors to watch your videos. You may fully manage how your videos are presented on your website by modifying the layout, appearance, and playback options of the Video Gallery widget.

Improve User Experience

With the Video Gallery widget, you can encourage visitors to share your videos on social media, thereby increasing your reach and engagement. Also, the Video Gallery widget enables you to present your video content in an aesthetically pleasing and structured way, making it simpler for users to locate and view your movies.


Use Video Gallery to Increase Engagement

Use the Video Gallery widget when you have multiple videos that work together to explain, demonstrate, or inspire and you want them organized in one hub. Instead of scattering embeds across different pages or stacking them in a long column, the gallery arranges clips in a grid or layout that is easy to scan. Visitors can see titles, thumbnails, and sometimes categories, then choose the ones most relevant to their interests. This is effective for educational content, product education, customer stories, webinars, and creative portfolios. A structured video gallery turns your site into a media resource center that encourages deeper viewing and gives your content longer lasting value.

Video Gallery

Media

Integrate WhatsApp, Telegram, Messenger, and Email for seamless website communication and support.

The All in One Chat widget supports integration with WhatsApp, Telegram, Messenger, and Email. This feature allows you to offer multiple communication channels directly from your website, catering to your customers' preferred methods of contact. By providing various platforms, you ensure a more accessible and convenient customer service experience, enhancing overall user satisfaction.

Multi-Platform Support for All in One Chat

The All in One Chat widget offers flexible layout options, including Minimized and Chat Window layouts. The Minimized layout provides a compact vertical arrangement, while the Chat Window layout offers a horizontal arrangement within an open chat box.


Flexible Layout Options: Minimized and Chat Window

The All in One Chat widget allows you to personalize your chat by adding your own profile image and custom messages. This feature ensures a unique and branded communication experience, helping to build a stronger connection with your visitors. By personalizing the chat, you create a more engaging and trustworthy interaction with your audience.

Personalize Your Chat with All in One Chat

The All in One Chat widget offers multiple button icons to choose from, allowing you to complement your website's design and effectively convey your desired message.

Multiple Button Icons

The All in One Chat widget includes the option to toggle the display of message times on or off. Enable it to showcase the speed of your responses or disable it for a cleaner, more visually appealing chat design.

Toggle Message Time Display

The All in One Chat widget is user-friendly, requiring no coding skills for customization. Its intuitive dashboard lets you tailor the widget with just a few clicks, making it easy for anyone to integrate and modify.

Easy to Use All in One Chat Widget

The All in One Chat widget offers a range of beautiful skins, enabling you to pick a design that aligns seamlessly with your brand and website aesthetics. This feature enhances your site's visual appeal and significantly reduces the time and effort involved in customizing the chat widget.

Select from Multiple All in One Chat Design Skins

The All in One Chat widget provides extensive customization options, allowing you to modify its design to suit your specific requirements. You can alter colors, fonts, spacing, and other elements, offering unparalleled flexibility to create a chat widget that is both functional and uniquely tailored to your website's aesthetic.

Fully Customizable All in One Chat Widget

The All in One Chat widget is fully responsive, ensuring it displays elegantly on any device. In an era where mobile optimization is crucial, this feature delivers a consistent user experience regardless of the device used.

Perfectly Responsive All in One Chat

The All in One Chat widget supports custom CSS, allowing developers and designers to deeply customize its look and functionality. This feature provides flexibility and creative control to match your website's style.

Custom CSS for Enhanced Creativity

Embedding the All in One Chat widget is simple, requiring just one line of code. This easy integration makes setup quick for all users, with automatic updates ensuring your widget is always current.

Effortless Embedding of All in One Chat

The All in One Chat widget enhances customer engagement by providing instant communication channels. By offering real-time support, it helps increase user interaction and satisfaction, leading to higher conversion rates.

Boost Customer Engagement with All in One Chat

Implementing a Live Chat Tool on your website can directly impact sales. Immediate responses to customer inquiries can resolve doubts and encourage purchases, improving your overall sales performance.

Increase Sales with a Live Chat Tool

All in One Messenger allows for personalized customer interactions, which can significantly enhance brand loyalty. Customers appreciate timely and customized responses, fostering a stronger connection with your brand.

Enhance Brand Loyalty with All in One Messenger

Use the All In One Chat widget when your customers contact you through different channels and you want to bring them together in a single, simple entry point. Instead of showing separate buttons for WhatsApp, Messenger, Telegram, and email, you present one clear launcher that lets visitors choose their preferred method. This keeps your design cleaner and reduces confusion about how to reach you. It is especially useful for global audiences where channel preferences vary by region. Centralizing chat options helps you look organized and customer friendly, and ensures that no matter which tool people use, they feel that support is easy and accessible directly from your site.

All In One Chat

User Engagement

Display Bluesky posts in a responsive, customizable slider that auto-updates and enhances user engagement.

Enhance your Bluesky Feed Slider with interactive hover effects. As users scroll through the slider, subtle animations highlight posts under the cursor, creating a lively and engaging experience.

Dynamic Hover Effects

Easily adjust the Bluesky Feed Slider’s design to fit your preferences. Customize colors, fonts, layouts, and more to align with your website’s branding, ensuring your Bluesky content stands out.

Extensive Customization Options

The Bluesky Feed Slider adapts seamlessly to any screen size, ensuring your content looks fantastic on desktops, tablets, and mobile devices. It offers a flawless viewing experience for all visitors.

Fully Responsive Design

Keep your slider up-to-date effortlessly with its auto-refresh feature. The Bluesky Feed Slider syncs automatically with your feed, displaying your most recent posts without requiring manual updates.

Auto-Updating Feed Content

Allow visitors to engage directly with your Bluesky posts by making them clickable. Each post in the slider can lead users to your Bluesky content, encouraging interaction and boosting engagement.

Interactive Clickable Posts

The Bluesky Feed Slider is designed for ease of use, offering a straightforward interface for customization and application. Even those without technical expertise can implement it seamlessly.

Simple and Intuitive Setup

For advanced users, the Bluesky Feed Slider supports custom CSS. This option provides full creative freedom, allowing you to fine-tune the widget’s appearance and functionality to match your website perfectly.

Advanced Customization with CSS

Embedding the Bluesky Feed Slider is simple and doesn’t require any coding knowledge. Its user-friendly design makes adding it to your website quick and effortless.

Hassle-Free Integration on Any Website

The Bluesky Feed Slider Widget allows you to display your Bluesky posts in a sleek, scrolling slider format, making your content visually appealing and engaging for visitors.

Showcase Bluesky Posts in a Dynamic Slider

Featuring your Bluesky posts in a stylish slider enhances your website’s aesthetics while emphasizing your activity on the platform, leaving a strong impression on visitors.

Strengthen Your Brand with a Modern Design

The widget is fully responsive, ensuring your Bluesky content looks and functions beautifully on all devices, including desktops, tablets, and smartphones.

Seamless Mobile-Friendly Design

Use the Bluesky Feed Slider widget when you want a slim, continuously moving strip of Bluesky updates that keeps your latest posts visible without taking much room. The slider format is ideal for sidebars, headers, or sections where constant, light motion can draw the eye. Visitors can glance at snippets of your activity and click through if something catches their interest. This is useful for news driven brands, creators, and communities that post frequently. A Bluesky slider makes your site feel alive, shows that you are actively sharing, and encourages users to follow or engage with you on the network.

Bluesky Feed Slider

Social Feeds

Showcase the events info in a stylized and adjustable list format

The Event List widget features six layouts with varying image sizes and text layouts, supporting horizontal and vertical design to ensure that the widget fits your design requirements.

Multiple Event List Layouts

You can add images in the Events widget to show locations, halls, musicians, musical instruments, performers, and more!

Using Images on your Event List

The Event List 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 for the Event List

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

The Events widget is fully responsive and will look great on any device. In the mobile-first world, you will have the edge over your competitors.

Perfectly Responsive Events Widget

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

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

Custom CSS

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

Easy To Embed Events Widget

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

Gentle Intro Animation

The events widget enables you to easily add the location of the event, its time and date to display it to make this information easily visible to your users and improve their experience. 

Location, Date & Time

With the Events List widget, you can make sure that all your events are visible, with the relevant information attached to them like the date, location, time, etc. By allowing your users to browse these events easily, you will improve the visibility of these events, and make it easy to spread awareness.

Improve Visibility & Spread Awareness

The Events widget enables users to click on relevant links for the events they are interested in, which can lead to relevant landing pages, payment pages, etc. thereby increasing the possibility of them purchasing tickets and attending the event.

Use Event List Widget to Increase Attendance

The Event List widget is fully customizable, and as such, it can be made to fit and complement any website design.

Enhance Design with an Event List widget

Use the Event List widget when you run multiple activities and want visitors to find upcoming dates without digging through scattered pages. A structured list highlights titles, times, locations, and short descriptions in one place, so users can scan quickly and decide what to attend. This is ideal for venues, communities, schools, webinars, workshops, and recurring sessions. Clear event presentation reduces missed opportunities and increases attendance by removing friction between discovery and action. You can keep the list updated as events change, ensuring the page stays relevant. Visitors also gain confidence that your organization is active and reliable because they see a steady schedule of real activities.

Event List

Allow users to send messages or inquiries, save submissions, enable notifications, and more

The Contact Form features numerous fields, to select from and add to it —  from basic fields to more unique and special formats, enabling you to create forms for your specific needs and any purpose. Simply click on the “Add Field” option, and choose from a vast collection of field formats. Furthermore, you can easily arrange the order of the fields by dragging and dropping them.

Various Form Fields To Select From

The Contact Form allows you to manage and view all the entries (the information within the submitted forms) in an easy-to-read, simple display. This enables you to keep track of all communications and inquiries that are received from users — making it easier to respond quicker and more efficiently to their inquiries.

Easy Entry Collection

The Contact Form’s entry collection can be exported to a CSV file, allowing you to import it to other software or tools for further analysis or integration. This feature is particularly useful for businesses that need to keep a record of all interactions with their clients, and for data analysis and reporting purposes.

Export Contact Form Submissions to CSV

You can use your Contact Form to receive files and images from your users. This feature is especially useful for businesses and professionals who need to gather information or documentation from their clients or customers.

Use the Form To Receive Files and Images

The Contact Form widget now allows you to collect payments from your users with ease. Whether you’re organizing event registrations, selling services, or receiving donations, this feature integrates secure payment options directly into your form. With a user-friendly setup and reliable payment processing, you can elevate your form’s functionality while ensuring a smooth experience for your users.

Accept Payments Directly Through Your Contact Form

By incorporating titles, descriptive text, and images into your form, you can create a comprehensive and user-friendly submission experience. Adding explanatory form elements can also help guide users through the submission process, resulting in a smoother and more efficient experience and ultimately increasing the likelihood of conversion.

Enrich Your Form With Content and Images

The Contact Form allows for the customization of the form’s header and footer, enabling you to also add images. This feature provides a great opportunity to enhance your brand’s image and create a more professional and visually appealing form that aligns with your website’s overall design and aesthetic.

Header & Footer Customization

The Contact Form features the ability to toggle notifications on, both for the form owner and for the submitting user. You can set automated email notifications on every form submission, to multiple email addresses and also send a confirmation email to the user upon successful submission.

Get Notified Of New Contact Form Submissions

The Contact Form features the ability to toggle on the CAPTCHA anti-spam feature, which your users will be required to complete before clicking on the submission button. This feature helps in preventing bots and automated scripts from submitting spam messages through your contact form — ensuring that you only receive genuine messages from actual users.

Block Spam From Your Contact Form

The Contact Form comes with the option to enable multiple submissions by a single user. Enabling this feature allows users to submit the form multiple times, which can be useful in situations where users need to update their information or provide additional details.

Multiple Submissions

The Contact Forms ensures HIPAA compliance, offering end-to-end data encryption and role-based access management to protect sensitive information. Seamless integrations, including a HIPAA-compliant API and support for tools like Google Sheets and EMR systems, enhance functionality. Additionally, activity tracking and audit logs provide full transparency over data access.

HIPAA Compliance for Secure Contact Forms

The Contact Form widget comes with a variety of beautiful skins that you can choose from, to quickstart the design process and not spend much time on extensive customization.

Multiple Skins

The Contact Form widget features full customization options so you can edit the design to fit your needs.

The Contact Form widget is fully responsive and will look great on any device. Having a form 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.

Perfectly Responsive

The Contact Form widget is easy to use and requires no coding knowledge. With only a few clicks, you can modify the form however you wish using our user-friendly interface.

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Contact Form. 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.

Contact Form Custom CSS

To embed the Contact Form widget on your website, simply copy and paste the provided code snippet into your page’s HTML code. Additionally, the widget is designed to be auto-updating, meaning that any changes you make to the Contact Form editor will be reflected automatically on your website.

Easy To Embed Contact Form

With the simple and easy-to-use contact form, you can enable potential clients to reach you more efficiently and effortlessly, thereby increasing the likelihood of you receiving valuable inquiries and collecting good leads. This widget is an invaluable tool to help you grow your business and increase your revenue.

Get More Leads

The Contact Form widget will help you safeguard your email address from unwelcome and unsolicited emails from spammers, and other malicious and unwanted parties, since you won’t have to display your email address in a visible place, and thanks to the widgets CAPTCHA feature. This widget provides you with an additional layer of security and privacy that enables you to protect your business from potential threats.

Reduce Spam Emails

The Contact Form widget comes with features that allow you to track and manage submissions and messages. After the user fills out and submits the contact form, you will receive a real-time notification, allowing you to respond to inquiries promptly. Additionally, all form submissions are conveniently compiled and organized within a table, ensuring that no data is lost, with further options to manage and export the collected information.

Track and Manage Your Messages With Ease

Use the Contact Form widget when you want a reliable, structured way for visitors to reach you directly from your site. Instead of exposing email addresses or asking users to open their own mail client, you provide clear fields for name, topic, and message in one simple block. Submissions can be saved and forwarded, making follow up easier and less error prone. This is essential for service providers, agencies, consultants, and any business where inquiries lead to sales or support conversations. A good contact form lowers the barrier to starting a conversation, allows you to collect relevant context up front, and signals that you welcome questions rather than hide from them.

Contact Form

Forms

Tech Support

Displays short, posts and media in a slideshow format

The Stories widget features a progress bar that will help your users to keep track of the content they are viewing, thereby improving their experience.

Progress Bar

The Stories widget features multiple layouts for you to choose from. The right layout will help you send the right message and will also complement your design.

Multiple Layouts

The Stories 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!

Use the Stories widget when you want to bring a familiar, social style content format to your site. Short, swipeable stories are perfect for updates, product highlights, promotions, behind the scenes looks, and quick announcements that would get lost in a long page. This widget presents content in a vertical, tap friendly format that works especially well on mobile and feels natural to users who spend time on social media. You can combine images, short texts, and clips to create guided sequences that tell a focused story. It keeps visitors engaged, encourages exploration, and gives you a flexible space to surface timely content without redesigning your main layouts.

Discover the best extensions for OpenCart

22,994 results available

Some of the best Common Ninja extensions for OpenCart

Flip Cards

Video Gallery

All In One Chat

Bluesky Feed Slider

Event List

Contact Form

Stories

Video Carousel

Cookie Banner

App Store Reviews

Sticky Video

YouTube Feed

Common Ninja Search Engine