Lazy Load Images This uses the Lazy Load jQuery plugin to allow delayed loading of your images until the user scrolls. Features • Uses Lazy Load jQuery plugin • Delay image loading until user scrolls page

Lazy Load Images

An audio player compatible with various files and sources

With just a few clicks, you can present the audio player widget in a vertical format, with a sleek, minimalist interface that features large intuitive buttons for play, pause, and skip, as well as a progress bar to show the current track's playback position and large album artwork – making it the design ideal for mobile devices.

Mobile-Friendly Design for Greater Reach

The widget can be customized to show a minimal audio player, with important elements like the cover album, the title, and the control buttons, to remove unnecessary information, and make the user truly enjoy one song at a time. 


Minimalist Design to Focus on Single Songs

With the playlist view, you can showcase multiple albums and songs to immerse your users in them truly, and to offer quick and easy navigation across the different albums. 


Expanded Design to Showcase a Full Album

Style 4

Style 5

The Audio Player widget features the ability to add audio from various sources — be it MP3s or links to audio and video hosting websites like YouTube, Vimeo, SoundCloud and more!

Multiple Audio Sources

The Audio Player comes with the shuffle option that will enable your users to listen to your audio in random order.

Shuffle

The Audio Player features the ability to toggle and customize the playlist view. You can customize the playlist and make it complement your style, or, alternatively, use the minimal version to create a more aesthetically pleasing experience.

Playlist View

The Audio Player widget offers several options to choose from, including the mini-player, which is a compact and discreet design that won't take up too much space on your page, and the enlarged thumbnail, which is a larger player that showcases the audio artwork in greater detail. Both layouts have their own unique benefits and can be used in different contexts. The mini-player is ideal for those who want to add audio to their website without making it too prominent, while the enlarged thumbnail is perfect for those who want to highlight the audio artwork and make it a focal point of the page.

Multiple Layouts

You can easily change the position of the Audio Player via the position option. Inline? Top right? Bottom left? Really, the choice is yours.

Position

The Audio Player widget offers a variety of stunning premade skins that you can use to create an Audio Player quickly and easily. Instead of spending hours trying to find the right colors or fonts, simply select a premade skin that you like and start building your comparison table. With a range of styles to choose from, you can find the perfect look and feel to match your brand and style. Whether you want a sleek and modern design, a bold and colorful look, or a clean and minimalistic style, there's something for everyone.

Multiple Skins

The Audio Player 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 of the slider, 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

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

Perfectly Responsive Audio Player

The Audio Player 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

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

Audio Player Custom CSS

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

Easy to Embed Audio Player

Use this powerful music player tool to add your mp3 files, music, songs, podcasts, or other equally entertaining audio projects and make your projects accessible to a broader audience!

Promote Yourself with the Audio Player Widget

Add more variety to your content and cater to the different needs of your audience. Add a read-along for children to follow stories, create podcasts, or add an accompanying music playlist to your text.

Enrich Your website Content with a Music Player Widget

You can improve your users’ experience by making certain audio files available with an mp3 Player Widget. You can, for example, create audio versions of your well-researched, highly informative, and exceptionally entertaining text, upload it via the Music Player Widget and allow visually impaired users to enjoy it. Or, make it available for those who are on the go and can’t sit and read your long text.

Improve User Experience

Audio Player

Media

Website Components

Example 1

Example 2

Example 3

Example 4

The Image Accordion comes with the option to choose the accordion’s direction — vertical or horizontal, enabling you to customize it to fit your design needs. The Image accordion widget also gives you the option to add several images and captions, providing you the freedom to present your content in a captivating manner.


Accordion Direction

The Image Accordion allows you to choose an image to focus on which will be put forward, making it the centerpiece of your visual presentation. You can show your content in an engaging way by using the image accordion widget, which also provides you the opportunity to add multiple images and subtitles.


Image Accordion Focus Items

When links are added to photos in an image accordion widget, users can click on a button to be redirected to another website or resource. By offering more information or relevant content in a visually beautiful and engaging manner, can enhance user experience.

Adding Call For Action

Adding a title and description to each image in an Image Accordion widget can provide users with additional context and information about the image. This feature can enhance the user experience by making it easier for them to understand the content of the images and the overall purpose of the widget.

Additional Information

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

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

Perfectly Responsive

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

Easy To Use

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

Easy To Embed 

With the Image Accordion widget, you can display a large number of images in a small space, without overwhelming the users, thus saving space for other visual elements and improving the loading speed of your website.

Save Space & Improve Website Speed

The Image Accordion widget enables you to provide a better user experience by improving the organization of your content and allowing users to quickly browse through a series of images and find the information they need.

The Image Accordion comes with full customization options, and as such, it can greatly improve the aesthetics of your website by adding visual interest and interactivity to your pages. 


Enhance Aesthetics With Image Accordion

Image Accordion

Get Creative

Images & Galleries

Experience seamless 360 panorama viewing with interactive hotspots and customizable settings.

The Virtual Tour widget enables the seamless addition of hotspots over your 360 panoramic images. Hotspots are interactive icons that, when clicked, can reveal more information about a particular area or feature captured in the image. This feature not only enhances the informative value of the 360 panorama but also enriches the interactive experience for your website visitors.

Add Hotspots with Virtual Tour

Providing detailed information is made easy with the Virtual Tour widget. You have the ability to add a title, description, and the image author’s name to each 360 panoramic image displayed. This feature allows for a structured display of information, making it straightforward for visitors to learn more about each panorama, thus adding a layer of professionalism and context to your visual content.

Display More Information through Virtual Tour

Virtual Tour offers the ability to control the direction of rotation for your 360 panoramas, providing a more tailored viewing experience. The animation settings are easily adjustable, allowing for a smooth and aesthetically pleasing exploration of your virtual space. This feature ensures that the display of your 360 panoramic images aligns with your desired presentation and user interaction objectives.

Customized Animation Controls

The Virtual Tour widget enriches your 360 panoramic images by allowing the addition of web-linked hotspots. Each hotspot can be configured to redirect visitors to a specified webpage, offering a straightforward pathway to more information or related content. This functionality enhances the user's navigational experience, creating a more interconnected and informative virtual tour.



Web-Linked Hotspots with Virtual Tour

Dive deeper into the visual experience with the Virtual Tour widget’s drag and zoom functionality. Visitors can effortlessly drag the image in any direction—left, right, up, or down—to explore the panorama at their own pace. Additionally, the zoom feature allows for a closer examination of details, creating a more interactive and engaging viewing experience on your website.

Interactive Navigation

Designing your perfect virtual tour becomes a simple task with the Virtual Tour widget. You won't need any coding knowledge; thanks to its user-friendly drag-and-drop interface, customization is smooth and quick, allowing you to bring your envisioned tour to life effortlessly.

Easy to use Virtual Tour widget

The Virtual Tour widget is your gateway to endless customization. It provides you with the flexibility to adjust colors, fonts, and spacing, enabling a total personalization of your virtual tour. Each detail can be meticulously adjusted to resonate with your site’s distinctive design and branding.

Fully Customizable 360 Panoramic images

Engineered for optimal responsiveness, the Virtual Tour widget ensures your virtual tours maintain their visual appeal on any device. In a time where mobile optimization is crucial, this feature is key to delivering a consistent user experience regardless of the device being used.

Perfectly responsive display on Any Device

Consistent with the spirit of customization, the Virtual Tour widget offers custom CSS capabilities. This feature unlocks the freedom to add a personal touch, paving the way for more creative virtual tour designs that stand out.

Custom CSS Capabilities

Embedding the virtual tour you've designed into your website is straightforward. It's as simple as copying and pasting a single line of code. Additionally, any adjustments made within the widget are instantly reflected on your site, keeping your virtual tours up-to-date without any extra hassle.

Simple Virtual Tour Integration on any website

The Virtual Tour widget creates a dynamic environment on your website by enabling the display of 360 panoramic images. Visitors can interact with the 360 panoramas, thus inviting them to spend more time exploring your content. The interactive nature of the Virtual Tour widget fosters a deeper connection between your website and its visitors, enhancing their overall engagement.



Enhanced Engagement with Virtual Tour

Managing your 360 panoramic images is a breeze with the Virtual Tour widget. The intuitive interface allows for the hassle-free addition and modification of hotspots and settings to meet your preferences. The streamlined content management ensures that keeping your virtual tours updated and engaging remains a straightforward task.

Streamlined Content Management in Virtual Tour

By offering a virtual tour, your website becomes more accessible to those who may not be able to visit in person. The Virtual Tour widget ensures that the experience of browsing 360 panoramic images is smooth and enjoyable. This increased accessibility broadens your website’s appeal and inclusivity, allowing more people to explore what you have to offer virtually.

Increased Accessibility with Virtual Tour

Virtual Tour

Display a feed of the latest posts and or articles from a Blogger's blog

Blogger Feed comes with a "ticker" animation that mimics a news ticker and adds a sense of movement to your page. You can use it to immediately grab the attention of the user.

Ticker Animation

By displaying the date and time of the feeds, you can further customize the Blogger Feed widget to meet your needs and your visitors' preferences.

Date & Time Display Settings

The Blogger Feed feature is designed to help you keep your website's feed content up-to-date and relevant for your audience. With the auto-refresh feature, you don't have to worry about manually updating your feed or losing out on important updates from your social media accounts or other sources. The widget will automatically check for new content on a regular basis and refresh your feed accordingly, ensuring that your website's visitors always have access to the latest and most relevant information. Whether you want to showcase your latest blog posts, updates, or news articles, the Blogger Feed feature makes it easy to keep your website's feed content fresh and engaging.

Refresh automatically

The Blogger Feed widget has two feed types: Tabs and Mixed. In the Tabs type, all the tabs are organized based on the feed order, while in the Mixed type, all the feeds are mixed to create a diverse feed.

Multiple Feed Types

To make the Blogger Feed widget more compact, you can easily customize the characters' length.

Customize Character Display Length

In order to ensure that the Blogger Feed widget fits seamlessly into your overall design and style, it comes with multiple layout options. You can choose from various grid and list layouts, each with its unique look and feel.

Various Layouts

The Blogger Feed widget offers a variety of stunning premade skins that you can use to create a Blogger Feed quickly and easily. Instead of spending hours trying to find the right colors or fonts, simply select a premade skin that you like and start building your comparison table. With a range of styles to choose from, you can find the perfect look and feel to match your brand and style. Whether you want a sleek and modern design, a bold and colorful look, or a clean and minimalistic style, there's something for everyone

Beautiful Skins

The Blogger Feed widget provides full RTL support for those who write from right to left. More users from around the world will be able to access your news.

Full RTL Support

The Blogger Feed 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 of the slider, 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.

Totally Customizable

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

Perfectly Responsive Blogger Feed 

The Blogger Feed widget requires no coding knowledge and is easy to install. We have a drag-and-drop dashboard that allows you to customize the widget any way you like.

Simple To Use Blogger Feed widget

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

Blogger Feed  Custom CSS

To embed the Blogger Feed widget on your website, all you need to do is copy and paste a single line of code. This process is quick and easy and can be completed in just a few minutes. Once the widget is embedded on your website, it will automatically update whenever you make any changes to your Blogger Feed. This means that you can keep your website up-to-date with the latest content from your Blogger Feed without having to manually update the widget each time. All you need to do is make the changes to your Blogger Feed, and the widget will automatically reflect those changes on your website. This helps ensure that your website always displays the most current and relevant content for your visitors.

Easy to Embed Blogger Feed 

The Blogger Feed widget allows you to group and collect various Blogger feeds on one page to make them easier to access.

Group Several Blogger Feeds

Your readers will benefit from easier access to your Blogger feeds by grouping them on one page. 

Better User Experience

You can customize the Blogger Feed widget to enhance the look of your page. Enhance the design by implementing a gentle "ticker" animation, which will make your page more attractive.

Improve Design

Blogger Feed

Social Feeds

Showcase Bluesky posts in a customizable, responsive carousel that updates automatically and engages users.

Navigate through Bluesky posts effortlessly using intuitive arrows and dot indicators. These tools make exploring your carousel simple and engaging for your visitors.

Smooth Scrolling with Arrows and Dots

Customize the Bluesky Feed Carousel’s design to match your website's style. You can adjust colors, fonts, spacing, and layouts to align seamlessly with your branding.



Fully Customizable Design Options

The Bluesky Feed Carousel Widget is optimized to look and work perfectly on all devices, ensuring a consistent and attractive display on desktops, tablets, and smartphones.

Responsive on All Devices

Control how fast the carousel scrolls and how long each post remains on display. These options allow you to create a tailored viewing experience for your audience.

Adjustable Carousel Speed and Timing

Keep your website current with a carousel that automatically updates to display your latest Bluesky posts. This ensures fresh content without manual effort.

Auto-Refreshing Bluesky Content

Enable clickable posts in your carousel, allowing visitors to interact directly with your Bluesky content and view individual posts with ease.

Clickable Posts for Deeper Engagement

The Bluesky Feed Carousel Widget is designed with simplicity in mind. Its intuitive interface makes setup and customization quick and hassle-free, requiring no coding knowledge.

Easy to Set Up and Use

For advanced users, the widget supports custom CSS, enabling you to fine-tune its design and functionality to meet your unique requirements.

Custom CSS for Advanced Personalization

Add the Bluesky Feed Carousel to your website effortlessly with just one line of code. The widget is compatible with all platforms and updates automatically for seamless integration.

Simple Embedding for Any Website

The Bluesky Feed Carousel Widget helps you showcase posts from your Bluesky account in an engaging, scrollable format, keeping your website content fresh and interactive.

Display Bluesky Posts in a Dynamic Carousel

By presenting Bluesky content in a user-friendly carousel, you encourage visitors to interact with your posts, increasing engagement and time spent on your site.

Boost Engagement with Scrollable Bluesky Feeds

The widget keeps your website updated by automatically pulling your latest Bluesky posts, ensuring your audience always sees fresh content without any manual updates.

Automatically Sync Your Latest Bluesky Posts

Bluesky Feed Carousel

New!

Showcase TikTok videos on your site with a customizable carousel.

Navigate through your TikTok content with ease using intuitive arrows and pagination. These navigation tools make it simple for visitors to explore your TikTok videos, enhancing the interactivity and accessibility of your website’s content.

Arrows & Pagination for TikTok Carousel

Control how your audience interacts with your TikTok Carousel by adjusting the slider speed and the duration each TikTok video is displayed. This customization ensures viewers have ample time to engage with your content, tailored to the pacing that suits your website’s rhythm.

Customizable Slider Speed & Time Per Slide for TikTok Carousel

The TikTok Carousel Widget is designed to keep your website vibrant and engaging by automatically updating with the latest content from your TikTok feed. This feature ensures that your site remains fresh, dynamic, and aligned with current trends, encouraging visitors to return regularly for new and exciting content.

Automatically Refreshing TikTok Carousel Content

Enhance user interaction on your website with clickable content within the TikTok Carousel Widget. This feature allows visitors to engage directly with your TikTok videos, fostering a deeper connection with your content. By enabling viewers to click through to TikTok or interact with the videos right on your site, you create a more immersive and interactive experience, boosting engagement and time spent on your site.

Interactive Clickable Content in the TikTok Carousel

The TikTok Carousel Widget is designed for simplicity, making it easy for anyone to add and customize on their website without needing any coding skills. An intuitive interface ensures you can effortlessly integrate and manage your TikTok content, enhancing your site’s functionality with ease.

Easy-to-Use TikTok Carousel Widget

Tailor the TikTok Carousel to fit your brand with extensive customization options. Adjust everything from colors and fonts to the carousel’s overall size, ensuring your TikTok content aligns perfectly with your website's look and feel. This high degree of customization supports brand consistency and user engagement.

Fully Customizable TikTok Carousel Widget

Designed to look great on any device, the TikTok Carousel Widget ensures your TikTok content is accessible and engaging, whether viewed on a desktop, tablet, or smartphone. This responsiveness is crucial for maintaining a quality user experience in today’s mobile-first world.

Perfectly Responsive TikTok Carousel

Dive deeper into customization with the option to add custom CSS to your TikTok Carousel Widget. This feature is ideal for those who want to push the boundaries of design and functionality, providing the flexibility to create a truly unique experience for your website visitors.

Custom CSS for TikTok Carousel

Embedding the TikTok Carousel Widget on your website is straightforward, requiring just a single line of code. This ease of integration makes it simple to keep your site updated with the latest TikTok content, ensuring your audience always has something new and exciting to discover.

Effortless Embedding of the TikTok Carousel on Any Website

Featuring user-generated content from TikTok on your website can significantly enhance your brand's social proof. Showcasing real people engaging with your products or services builds trust and credibility with your audience, making them more likely to convert. The TikTok Carousel widget makes it easy to display this powerful form of endorsement directly on your site.

Boost Social Proof with TikTok Carousel Integration

Leveraging the TikTok Carousel widget extends the reach of your TikTok content beyond the app itself, exposing your brand to a wider audience. By embedding TikTok videos on your site, you tap into new demographics and drive cross-platform engagement, increasing overall brand awareness and visibility.

Increase Brand Exposure through TikTok Carousel

Integrating the TikTok Carousel widget into your website offers a dynamic way to engage visitors. By showcasing trending TikTok content directly on your site, you tap into the viral nature of TikTok videos, keeping visitors entertained and engaged longer. This increased on-site time is not only beneficial for SEO but also boosts the likelihood of conversions.

Enhance User Engagement with the TikTok Carousel

TikTok Carousel

The Product Blobs app features a selection of different blob shapes that you can choose from to make your pages truly unique. 

Multiple Blob Types

The Product Blobs app features different layouts for you to choose from to better customize the blobs to fit your website and its design needs.

Different Layouts

The Product Blobs app features different color filters that you can use and match with your products to make them stand out and enhance their features further.

Vivid Color Filters

The Product Blobs app features a whopping 16 blend modes so that you can customize your blobs even more and make your product page truly unique.

Extensive Blend Modes

The Product Blobs app features gentle blob animation, the speed of which can be regulated and adapted to complement the page’s design.

Gentle Animation

The Product Blobs 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 Product Blobs 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.

Lazy Load Images

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Audio Player

Image Accordion

Virtual Tour

Blogger Feed

Bluesky Feed Carousel

TikTok Carousel

Product Blobs

Business Listings

Cookies Consent Bar

Poll

Video Slider

News Ticker

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Lazy Load Images

OpenCart extension

App Details

Pricing

Check Out the Audio Player Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Audio Player

Image Accordion

Virtual Tour

Blogger Feed

Bluesky Feed Carousel

TikTok Carousel

Product Blobs

Business Listings

Cookies Consent Bar

Poll

Video Slider

News Ticker

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine