Create interactive content sliders to showcase images, text, and buttons with customizable options.

The Card Slider widget includes hover effects that bring an extra layer of interactivity to your content. These effects make your images and cards come to life when users hover over them, creating a more engaging and enjoyable browsing experience. The subtle animations draw attention to your content, encouraging users to interact with the slider and explore your website further.

Hover Effects for Enhanced Interactivity

The Card Slider widget provides full control over the slider's speed and the number of loops. You can fine-tune the rotation speed of the cards to match the pace that best suits your content and audience. Additionally, you can decide how many times the slider should loop, whether you want it to run continuously or stop after a set number of cycles. This level of customization allows you to create a viewing experience that is both engaging and comfortable for your users.

Adjustable Slider Speed and Loops

The Card Slider widget allows you to easily add buttons to each card, providing clear and actionable calls to action. Whether you want visitors to learn more, make a purchase, or sign up for a service, these buttons make it simple to guide users toward the next step. Fully customizable in terms of text, color, and style, the buttons can be tailored to align perfectly with your website’s branding and objectives, enhancing both functionality and user engagement.

Add Buttons to Each Card

The Card Slider widget offers a selection of beautifully crafted design skins, enabling you to match the slider with your website’s branding effortlessly. These pre-designed skins reduce the time and effort needed to customize the slider, providing a polished look that enhances your site's overall appearance.

Select from Multiple Card Slider Design Skins

The Card Slider widget is fully customizable, allowing you to modify its design to suit your specific requirements. You can adjust colors, fonts, spacing, and other elements to create a slider that not only looks great but also aligns perfectly with your website’s branding and style.

Fully Customizable Card Slider Widget

The Card Slider widget is designed to be fully responsive, ensuring it displays beautifully on any device. Whether your visitors are using a desktop, tablet, or smartphone, the slider adapts to provide a seamless and consistent user experience across all screen sizes.

Perfectly Responsive Card Slider

The Card Slider widget is user-friendly, requiring no coding expertise for customization. Its intuitive interface allows you to easily adjust settings and design elements with just a few clicks, making it accessible for users of all technical levels.

Easy To Use Card Slider Widget

For those looking to add a personal touch, the Card Slider widget supports custom CSS. This feature allows developers and designers to apply unique styles and functionality, ensuring the slider perfectly matches your site’s design vision and interaction needs.

Custom CSS for Enhanced Creativity

Embedding the Card Slider widget on your website is straightforward, requiring just a single line of code. Once integrated, the widget updates automatically with any changes you make, ensuring your site always displays the most current version of the slider without extra effort,

Effortless Embedding of the Card Slider on Any Website

With the Card Slider, you can showcase multiple pieces of content in a compact space, improving your website's layout. This not only helps in organizing your content effectively but also ensures that important messages or promotions are prominently displayed without overwhelming the visitor.

Enhance Content Organization

Use the Card Slider to feature your most important products or services prominently on your homepage or landing pages. This focused presentation can increase visibility and drive more traffic to your high-priority offerings, ultimately leading to higher sales or engagement.

Highlight Key Products or Services

By strategically placing call-to-action buttons on each card within the Card Slider, you can drive visitors to take desired actions, such as signing up, purchasing, or exploring more content. This targeted approach can significantly boost conversion rates and help you achieve your business goals.

Increase Conversion Rates

Card Slider

Lists & Cards

Images & Galleries

New!

Visualize data and information using various chart types, including bar, pie, and line graphs, and more

Example 1

Example 2

Example 3

Example 4

Example 5

Example 6

Example 7

Charts & Graphs features 20 different types of charts that will enable you to deliver information just the way you want it to. From bar charts to pie charts, radial charts, and 3D charts — it’s got it all. Simply choose the chart you want and start using it, or customize it endlessly — it’s a fun game in its own right!

A Large Selection of Chart Types

With the Chart & Graphs widget, you can convert any CSV file into an interactive chart or easily connect it to your Google Drive or other, remote URLs. Prepare the data wherever you are most comfortable doing it, and then upload it.

Multi-Source Data Import 

The Charts & Graphs widget comes with full customization options, giving you the ability to easily edit the design to match the aesthetic of your website. You can change the colors, buttons, and labels to match your branding. 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 widget's spacing to ensure it fits seamlessly into your website layout.

Fully Customizable Charts

The Charts & Graphs widget 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 Charts & Graphs widget will allow you to do just that, giving you an edge over competitors.

Perfectly Responsive Graphs and Charts

The Charts & Graphs 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 Charts

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

Custom CSS

To embed the Charts & Graphs 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 Charts & Graphs Editor will be reflected automatically on your website without the need for any additional manual updates.

Easy To Embed 

Enhance your graphs and charts by adding tooltips that provide additional information for your website. These tooltips can help clarify data points or provide context for your chart or graph, helping your users better understand and interpret the information you are presenting.

Tooltips

You have the option to define a color scheme that will be used as the default colors for your charts and graphs when they are automatically generated from an external source of data. By defining a color scheme, you can ensure that your charts and graphs have a cohesive and visually appealing appearance, even when they are being generated automatically.

Color Scheme

With the Charts & Graphs app, you can improve and expedite the decision-making process by providing easy-to-follow information to your readers. Display the benefits of your product or service, explain how you offer value in a visual way, warn of the dangers of inactivity with dramatic charts and more!

Improve & Expedite the Decision-Making Process

The Charts & Graphs widget allows you to summarize large amounts of information for better accessibility and easier understanding of different subjects. Provide yearly output comparisons, quarterly yields, fun facts, projected future results and similarly relevant information! Don’t bore your readers with huge amounts of text — show them charts!

Summarize Large Amounts of Data

The Charts & Graphs widget enables information to be presented in a visually appealing way that can complement your website’s design and enhance the users’ experience on your website. Add breakpoints between text, create stunning 3D charts and choose any color scheme you’d like.

Enhance Design and Improve User Experience

Charts & Graphs

Website Components

Use tabs to organize content into different parts

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

Add gentle transition effects

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

Multiple tabs layouts

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

Various tabs skins

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

Horizontal and Vertical Tabs

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

Fully Customizable Tabs

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

Perfectly Responsive Tabs

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

Easy To Use

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

Custom Tabs CSS 

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

Easy to Embed Tabs Widget

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

Simplified Content Management

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

Reduced Page Clutter

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

Tabs

Show events or important moments in the order they occurred, using pictures and text

The Timeline widget allows you to choose either vertical or horizontal timelines to help you tailor the design to your specific needs. 

Vertical & Horizontal Timelines

The Timeline widget's feature of incorporating images into individual timeline items not only enhances its visual appeal and captivates your audience but also helps convey complex ideas or events more effectively, contributing to an overall more engaging and comprehensible user experience.

Ability To Add Images

The Timeline widget provides you with an array of trigger options for displaying items, including "always," "never," "on hover," and "scroll to view," empowering you to create a tailored user experience that enhances content accessibility and engages your audience by controlling when and how the information is revealed.

Item Visibility Controls

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

Multiple Timeline Layouts

The Timeline 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 Timeline Widget Skins

You can fully customize the Timeline widget so that it meets your demands by changing the design. 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.

Fully Customizable Timeline

The Timeline widget 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. The Timeline widget will allow you to do just that, providing you an edge over the competition.

Perfectly Responsive Timeline Widget

No coding expertise is necessary to use the Timeline widget. With only a few mouse clicks, you can modify the timeline however you wish using our user-friendly interface. This implies that even individuals without coding knowledge may quickly and simply build a timeline with a professional appearance that connects with their website, enhancing their online presence and audience engagement.

Easy To Use Timeline Widget

You have total control over how the Timelin appears thanks to our robust advanced editor. This feature makes it simple to change the Timeline's appearance in every way, from the layout and positioning to the colors and fonts. Yet, if you're feeling extremely inventive, you can enhance your customization by making changes straight to the CSS. This enables you to customize the widget even more by making more sophisticated changes. Our powerful editor will help you whether you want to make a few minor adjustments or go all out with complex changes.

Timeline Widget Custom CSS

Simply copy and paste a code snippet into the HTML of your webpage to integrate the Timeline widget on your website. It is also self-updating, so any modifications you make to the Timeline Editor will be automatically reflected on your website without the need for any further manual updates.

Easy To Embed Timeline Widget

With the Timeline widget, you can organize and present information in chronological order, making it easier for your users to understand the content on your website. It is particularly useful for websites that deal with historical information, or for websites that try to convey a narrative through an engaging timeline. 

Better Organization and Navigation

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

Improved User Engagement

The Timeline widget can add a visually appealing element to the website, making it more attractive and memorable for visitors.


Increased Visual Appeal 

Timeline

Smooth Scrolling and Navigation Controls

Adjust colors, fonts, layouts, and spacing to match your website’s branding, ensuring the LinkedIn Feed Carousel fits perfectly with your site’s style.

Fully Customizable Carousel Design

The LinkedIn Feed Carousel Widget automatically adapts to any screen size, delivering an optimized experience on desktops, tablets, and smartphones.

Fully Responsive and Mobile-Friendly

Control how fast the carousel scrolls and how long each post remains visible to tailor the browsing experience to your audience’s preferences.

 Adjustable Scrolling Speed and Display Time

Keep your website dynamic with the carousel’s auto-refresh feature, which syncs directly with your LinkedIn feed to showcase the latest updates.



Auto-Updating LinkedIn Content

Allow visitors to click on individual posts in the carousel, directing them to your LinkedIn profile or specific updates, increasing engagement with your professional content.

Clickable Posts for Enhanced Interaction

The widget requires no coding knowledge and can be installed and customized quickly using its intuitive interface, making it accessible for all users.

Easy to Set Up and Customize

For advanced users, the LinkedIn Feed Carousel Widget supports custom CSS, offering detailed control over its design and functionality to suit unique requirements.

Advanced Customization with Custom CSS

Embed the LinkedIn Feed Carousel Widget with a single line of code, ensuring seamless integration with all major website builders and CMS platforms.

Quick Integration Across Platforms

The LinkedIn Feed Carousel Widget allows you to present your professional updates in a stylish, scrollable carousel format, capturing visitors’ attention with engaging visuals.


Highlight LinkedIn Posts in an Interactive Carousel

Featuring LinkedIn posts on your website highlights your expertise and accomplishments, helping to build trust and credibility with your audience.

Build Credibility by Showcasing Professional Achievements

Integrating LinkedIn updates into a sleek carousel elevates your website’s design while promoting your professional journey, leaving a strong impression on visitors.

Strengthen Your Professional Brand with Visual Content

LinkedIn Feed Carousel

Social Feeds

A button that, when clicked, scrolls to a selected element on the webpage

The widget comes with an option to change the position of the button (right, left, center), which will allow you to customize it to fit your specific needs.

Easy Position Change

The widget features different arrow icons that you can choose from. Simply select the one that will complement your website’s design.

Different Icon Types

You can easily change the icon's direction as your needs require (Top, Right, Left, Bottom).

Icon Direction

The Scroll to Element Button 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 Scroll to Element Button 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 Scroll to Element Button 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 Scroll to Element Button 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 Scroll to Element Button 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.

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

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

Easy To Embed

The Scroll to Element Button provides users with easier on-site navigation as with a simple click, they will be transformed to the desired section of the page. This is ideal for pages where there’s a lot of text, and scrolling may be an annoyance.

Easy Navigation

The improved navigation that the Scroll to Element Button offers will undoubtedly improve the users’ experience on your website, encouraging them to come and visit your website again.

Improved User Experience

With simple navigation to the desired section of the page, users will be able to engage with other elements on your website, for example, with call-to-action buttons, additional links, videos, images, and more.

More Engagement

Scroll to Element Button

Popups, Bars & Buttons

Collect and manage donations securely with a customizable, easy-to-integrate online donation form

The Donation Form offers a wide range of fields to choose from, allowing you to tailor the form to your specific needs. From basic fields like name and email to specialized input options, you can build a donation experience that suits your organization. Simply click “Add Field” and arrange them easily using drag-and-drop functionality.

Customize Your Donation Form with Various Field Options

With the Online Donation Form, you can efficiently manage and view all submitted donations in an organized display. This feature allows you to track donor information and contributions with ease, making it simple to monitor fundraising progress. Having all donation records in one place helps streamline donor relations and financial reporting.

Effortless Donation Tracking and Entry Management

The Fundraising Form supports file and image uploads, making it easy for donors to submit additional documents when needed. Whether it's proof of payment, sponsorship details, or any supporting material, this feature adds flexibility to your donation collection process. It’s particularly useful for organizations that require extra documentation from contributors.

Accept File and Image Uploads with Your Donation Form

The Online Donation Form allows you to accept payments directly, providing donors with a seamless and secure contribution process. Whether you’re raising funds for a nonprofit, a personal cause, or a community project, this integration ensures smooth transactions. With secure payment processing, donors can confidently support your mission.

Secure Payment Collection Directly Through the Donation Form

Incorporate headings, descriptions, and images into your Fundraising Form to create a more informative and engaging donation experience. Adding context to your form helps donors understand the cause and increases the likelihood of contributions. This feature allows you to communicate your message effectively while keeping the form visually appealing.

Enhance Your Form with Text and Images for Better Engagement

The Donation Form allows you to personalize the header and footer by adding custom text, images, or branding elements. This feature ensures that your form aligns with your website’s overall aesthetic and reinforces your organization's identity. A well-branded form builds credibility and trust with potential donors.

Customizable Header & Footer for a Branded Donation Experience

Enable CAPTCHA verification on your Online Donation Form to prevent spam and fraudulent submissions. This feature ensures that only real donors can complete the form, keeping your records clean and reliable. By blocking automated bots, you can maintain the integrity of your donation process.

Protect Your Donation Form from Spam and Bots

The Fundraising Form allows you to export all donor submissions to a CSV file, making it easy to import data into other tools or software. This feature is perfect for nonprofits and organizations that need to analyze donation trends or integrate donor data into CRM systems. Keeping an organized record helps with reporting and future outreach efforts.

Export Donation Data to CSV for Easy Record-Keeping

With the Fundraising Form, you have the option to enable multiple submissions, allowing donors to contribute more than once. This is useful for ongoing campaigns where donors may want to make additional contributions over time. Providing flexibility encourages continued support for your cause.

Allow Multiple Donations from a Single Donor

Stay updated with every contribution by enabling automated email notifications on your Donation Form. You can receive alerts for each new donation and even send confirmation emails to donors as a receipt. This feature ensures timely communication and acknowledgment of contributions.

Receive Instant Notifications for New Donations

The Online Donation Form is designed for ease of use, requiring no technical knowledge to set up and customize. With an intuitive interface, you can adjust the form’s design, fields, and settings in just a few clicks. This accessibility ensures that anyone can create a professional donation form without any coding experience.

User-Friendly Donation Form with No Coding Required

The Donation Form comes with various pre-designed skins, allowing you to instantly apply a polished look without extensive customization. Whether your website has a modern, classic, or minimalist design, there’s a skin that fits your brand. This feature helps you set up a visually appealing form in no time.

Choose from Multiple Pre-Designed Skins for Quick Setup

With complete customization options, the Fundraising Form allows you to modify colors, fonts, spacing, and layout. Adjust the design to align with your brand’s identity and website aesthetics. This flexibility ensures that your donation form integrates seamlessly with your site.

Fully Customizable Design to Match Your Brand

The Online Donation Form is fully responsive, ensuring a smooth donation experience across all devices. Whether accessed on a smartphone, tablet, or desktop, the form adjusts perfectly to the screen size. Mobile optimization is crucial for capturing donations from users on the go.

Mobile-Optimized Donation Form for Any Device

For those with design expertise, the Donation Form supports custom CSS, allowing for deeper styling modifications. This feature is perfect for developers and designers looking to create a unique donation experience. With full control over the form’s appearance, you can make it truly stand out.

Discover the best objects for WebSite X5

Some of the best Common Ninja objects for WebSite X5

Card Slider

Charts & Graphs

Tabs

Timeline

LinkedIn Feed Carousel

Scroll to Element Button

Donation Form

Twitch Feed

Company Branch List

Video Carousel

Image Accordion

Facebook Feed

Common Ninja Search Engine