Verified review
Common Ninja has amazing no-code widgets that would beautify a website built on any builder. It is very easy to use and customise. It has as many widgets for almost everyone willing to make their website impressive.
Try the editor, no signup
Design your Creative Card Carousel right here
Pick a template, customize it, and watch it update live, no signup.
Design your Creative Card Carousel
No credit card · Free forever plan
Start fresh in the full editor
No credit card · Free forever plan
Quick add to:
- FreeNo credit card needed
- RotatesOn a timing you set
- 200+Platforms supported
- No-codeNothing to install
The Common Ninja Creative Card Carousel is a free, no-code widget that rotates banner-style cards on any website. Build the panels, set the timing, and paste one line of embed code.
It is built for promotion rather than explanation: an offer, a launch, a seasonal message, or an announcement, each getting its turn in the same slot on the page.
Card size, arrows and pagination, slide speed, time per slide, skins, and custom CSS are all adjustable. Works on 200+ platforms including Shopify, Odoo, Carrd, Cloudflare Pages, and Webflow.
Why add a banner carousel to your website?
Several campaigns, one slot
Homepages have one prime position and usually three teams wanting it. A rotating banner gives each message that slot in turn, which settles the argument without cutting anyone and without stacking three hero sections.
Change the promotion without touching the page
Sales, launches, and seasonal offers turn over constantly. Because the panels live in the widget, swapping them is one edit that reaches every page carrying the embed, rather than a developer ticket each time.
Movement that gets a promotion noticed
A static banner becomes invisible to regular visitors within a week. Gentle rotation keeps the slot alive, so someone returning to the site registers that something has changed rather than scrolling straight past it.
Store announcements above the products
Free shipping thresholds, delivery cut-offs, and discount codes all need to be seen before someone starts browsing. A banner carousel carries several of them in the space a single notice would take.
How it works
Build the banner cards
Create a panel for each message with its image and text. Keep the set small: a promotional carousel earns attention with three or four strong panels and loses it with ten.
Set the size and the rotation
Choose the card size and how many show at once, then set the slide speed and time per slide. Add arrows and pagination so a visitor can go back to the offer that caught their eye rather than waiting for it to come round again.
Embed one line of code
Copy the snippet from the Add to Website tab and paste it where the banner belongs. Swapping the campaign later is an edit in the widget, not a page rebuild, which is the point when promotions change weekly.
What you get with the Common Ninja Creative Card Carousel
Card size and count on screen
Set the panel dimensions and show one full-width banner or several smaller ones at a time. That choice is the difference between a hero treatment and a promotional strip.
Slide speed and time per slide
Control how fast panels move and how long each one holds. Promotional copy needs longer than a photograph, and a banner that rotates too fast reads as noise rather than an offer.
Arrows and pagination dots
Let visitors go back to a panel they half-read instead of waiting a full cycle for it to return. On a promotional carousel this matters, because the offer they missed is the one you wanted them to act on.
Skins, responsive, and custom CSS
Ready-made skins to start from, responsive sizing so a wide banner does not break a phone layout, and custom CSS for exact brand matching. One embed snippet, 200+ platforms.
Everything in the Creative Card Carousel editor
Multiple Layouts
The Creative Card Carousel widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style.
Multiple Skins
The widget comes with a variety of pre-made skins you can choose from to speed up your work.
Fully Customizable
The Creative Card 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!
Perfectly Responsive
The Creative Card 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.
Custom CSS
As with all of Common Ninja’s apps, you can add custom CSS to customize the Banner Carousel widget and be even more creative.
Easy To Embed
You can embed the widget on your website easily by copying a single line of code. The Banner Carousel widget will also be updated automatically with every change you make.
Also included in the editor
Card Size
The Creative Card Carousel widget comes with the option to change the carousel’s cards sizes — from small, to large, vertical, or horizontal, you make the widget fit your specific needs.
Arrows & Pagination
With the option to change the arrow types of the slider, and the pagination icons below, you can further customize the widget and make it fit your design requirements.
Slider Speed & Time Per Slide
The widget comes with the options to control the speed at which the cards slide, and how much time should be spent on the cards. You can use these options to tailor your user’s experience.
Easy To Use
The Creative Card 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.
Build your banner carousel in the editor
Open the editorFree to use · No credit card · No signup to try it
Real reviews. Real customers.
Verified
Outstanding service. I use their widgets to help me with my web design business and whenever I need help they are very quick to help.
Verified
Excellent company with excellent service!!! We used it to build a survey, it was very user friendly. The service was perfect. Amit helped us with every problem and question we had, thank you very much!!!
Verified
Common Ninja saved the day when building our website and the customer service Daniel, the co-founder and CEO, provided was amazing.
Quick answers
They are close, and the difference is what the card is for. Use this one when the panel is promoting something: an offer, a launch, a seasonal message, where the card is doing the selling. Use the Card Carousel when the card is explaining something: a service, a plan, a team member, where an image sits above a heading and a paragraph a visitor reads. Both are free, so pick by job rather than by name.
Three or four. Promotional carousels lose people quickly, and anything past the fourth panel is rarely seen, so a message sitting in position seven is effectively unpublished. If you have ten things to promote, the honest answer is that the page needs a different structure, not a longer carousel.
Longer than feels necessary while you are building it. A visitor has to notice the panel, read it, and decide, which takes several seconds, and a banner that rotates before they finish reading is worse than one that never moved. Leave arrows and dots on so anyone who misses one can go back.
Yes, and it is the main practical reason to use a widget here. The panels live in the widget, so swapping a promotion pushes to every page carrying the embed. No page edit, no deploy, and no developer in the loop for a weekly offer change.
Yes. Set the card size to full width and show one panel at a time, and the carousel behaves as a rotating hero. Just be careful with the timing at that size, because a full-width panel changing under a visitor who is still reading it is more jarring than a small one.
It can, if it is used as a way to avoid choosing. A single clear message usually outperforms five rotating ones, so a carousel is the right tool when you genuinely have several timely things to say, and the wrong one when it is standing in for a decision nobody wanted to make.
It is responsive and scales to the screen width. Wide banner artwork is the thing to watch: text baked into a desktop-proportioned image often becomes unreadable at phone width, so keep the words in the widget's text rather than inside the image where you can.
Yes. Each carousel is its own widget with its own panels and settings, so a homepage hero and a narrow announcement strip can run separately. On the free plan each widget counts separately against your plan's widget allowance.
How to add Creative Card Carousel to your website
Pick your platform. Each takes under 4 minutes.
- 1Open the page or theme section where the banner belongs and add a Custom HTML block.
- 2Paste the Common Ninja embed snippet and save.
- 3Preview, then publish. The carousel renders inline on the storefront.
- 1Edit the website page and drag an HTML or Embed Code block where the banner should sit.
- 2Paste the Common Ninja embed snippet into the block.
- 3Save and publish the page. The carousel renders inline.
- 1In the Carrd editor, add an Embed element where the banner should go.
- 2Set the type to Code, paste the Common Ninja embed snippet, and close the panel.
- 3Publish the site. The carousel renders inside the embed element.
- 1In your project's source, paste the Common Ninja embed snippet into the page markup where the banner belongs.
- 2Commit and push the change so Cloudflare Pages rebuilds the site.
- 3Open the deployed URL. The carousel renders inline.
- 1Drag an Embed element onto the page from the Add panel.
- 2Paste the Common Ninja embed snippet into the code editor and save.
- 3Publish the site. The carousel runs on the published domain, not in the designer preview.
Compatible With All Site Builders, E-Commerce Platforms and Websites
Explore Related Widgets
Image Carousel
Showcases images in a rotating or sliding manner
Image Slider
Displays a series of images in a slideshow format
Logo Slider
Displays multiple logos in a scrolling or rotating manner
Quotes Carousel
Showcases quotes in a rotating or sliding manner
Image Gallery
Displays images and captions in diverse layouts and grids, presenting visually appealing arrangements for showcasing multiple images
Video Carousel
Showcases videos in a rotating or sliding manner
FAQ
Yes, you can easily do so from the “Templates” tab.
It’s simple. All you need to do is to sign up and start using the free version.
Common Ninja’s Creative Card Carousel widget is free to use. It is limited to a certain amount of views, however.
Common Ninja’s Creative Card Carousel widget is compatible with ALL current and future website builders.
Yes, the Creative Card Carousel widget is GDPR-compliant.
No. Using our Creative Card Carousel widget is very simple. The widget comes with an intuitive drag-and-drop interface and fully customizable options. Once you’ve finished editing the widget to your liking, all you need to do is copy the provided code and add it to your website.
Yes. We are eager to hear your request. Please visit our Feature Request page.
Ready when you are
Build your banner carousel in minutes
Rotating banner-style cards for offers, launches, and announcements, with adjustable card size, arrows and pagination, slide speed and timing, ready-made skins, full responsiveness, and custom CSS. Swap the campaign in the widget rather than rebuilding the page. Embed on 200+ platforms including Shopify, Odoo, Carrd, Cloudflare Pages, and Webflow.
Create your banner carouselFree to use · No credit card · No coding