Embed player for Lottie files to add customizable animations

Example 1

Example 2

Example 3

Example 4

The Lottie Player widget comes with the option to add URLs to the animations and make them clickable. This functionality provides an interactive experience for users, potentially increasing user engagement and conversion rates.

Linkable Lottie Animations

The Lottie Player widget enables the toggle of a “reverse animation” option that will reverse the animation, offering additional creative possibilities and enhancing the versatility of your animations.

Reverse Animation

The Lottie Player comes with advanced control that enables the control of speed, and toggling the option to loop, providing further customization options to ensure your animations align with your brand and website vision.

Animation Speed & Loop Controls

The widget features the option to choose when to play the Lottie animation, be it on hover, scroll, view, or auto-play, allowing for seamless integration into your website's user experience.

“When To Play” Controls

The Lottie Player 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 by ensuring your animations display flawlessly across platforms.

Perfectly Responsive Lottie Player

The Lottie 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 Lottie Player any way you’d like to with just a few simple clicks, making it accessible to users of all skill levels.

Easy To Use

As with all of Common Ninja’s apps, you can add custom CSS to customize the Lottie Player widget and be even more creative, giving you full control over the appearance and style of your animations.

Lottie Player Custom CSS

You can embed the Lottie Player widget on your website easily by copying a single line of code. The Lottie Player widget will also be updated automatically with every change you make, ensuring a hassle-free experience and consistently up-to-date content.

Easy To Embed Lottie Player

With the Lottie Player, you can add professional, beautiful, and eye-catching animations to your website, making it more appealing to users and increasing the user’s engagement with your website. Furthermore, these animations can effectively communicate your brand message, helping you build a stronger connection with your audience.

Improved User Engagement with Lottie Animations

Lottie animations are lightweight and optimized for the web, which means they won't slow down your website's load times. In today’s world, when every loading speed second counts, the faster loading times can be what separates you from the competition. Additionally, improved performance can lead to a better user experience and higher search engine rankings.

Faster Page Load Time

Lottie animations are designed by professional animators, resulting in high-quality and visually appealing animations. You will be able to save time and money on creating beautiful animations, and make use of what other professionals have created. Plus, these animations are easily customizable, allowing you to align them perfectly with your brand identity and website aesthetics.

High-Quality Animations

Lottie Player

Get Creative

Media

Create engaging video polls with options you can personalize

With our Video Poll widget, you can tailor the voting method to fit your requirements. This feature lets you decide how many choices each participant can pick, giving you more adaptability and involvement in your polls.

Choose One or Multiple Options

Timing plays a crucial role in engagement and the video poll widget understands this. The Scheduled Polling feature lets you set a beginning and ending date for your poll, making sure it matches perfectly with your event schedule or campaign plan.

Timed Polling

Elevate how you show your results with our Improved Winner Announcement Screen feature. This not only reveals the winners but also gives a detailed breakdown of the votes each participant got, both as a number and as a percentage. This openness builds trust, increases engagement, and lets everyone see exactly how the final results came out.

Designed Winner Announcement Screen

Maintain your polls honest and trustworthy with our One-Vote-Per-User limit feature. You can choose to recognize the user by their browser or by IP address, making sure that each vote matters and that duplicate voting is avoided.

Enable One-Vote-Per-User Limit

Manage or mix up the sequence of choices in your poll with our Adjustable Items Order feature. This allows for a more organized display or a fair, shuffled presentation, guaranteeing impartial results and an accurate representation of popular views.

Randomize the Items Order

Enhance your visitor understanding of your poll choices with our Comprehensive Participant Card feature. This lets you add more details to each option, giving participants a wider view. This feature promotes careful decision-making and improves the polling experience by offering clearness and insight.

Comprehensive Participant Card

Manage the experience after voting with our After-Submission Personalization feature. Once a vote is cast, you can decide to show the current results, showing the vote numbers and percentages for each participant, or direct the voter to another page with a personalized message. This feature provides adaptability in engagement and lets you improve the user journey according to your strategic needs.

After-Submission Screen

The Video Poll widget allows you to select how you want to present your poll choices. You can choose various layouts to make your choices look great and match what your viewers prefer. This helps make participating in your poll simple and enjoyable for everyone.

Select from Multiple Layouts

The Video Poll widget provides a variety of different skins, letting you choose the ideal appearance to fit your website's style or your poll's theme. These skins vary from simple and contemporary designs to more colorful and imaginative options. This choice from a range of skins adds a bit of personal touch and creativity to your polls, making them a distinctive representation of your style or brand.

Various beautiful Skins

The Video Poll widget gives you a world of personalization options right at your hands. It lets you adjust every part of your polls to suit your requirements and style. Whether it's selecting from various layouts and skins, arranging the sequence of choices, or including detailed explanations for each option, you can mold your polls the way you like.

Fully Customizable Video Poll

The Video Poll widget is designed to highlight user comfort, making sure the access and understanding of the presented poll data is easy. This user-focused design encourages interaction and guarantees that visitors can quickly get the information they need without any obstacles, enhancing the overall website experience.

Easy to use Video Poll

The Video Poll widget is designed to function properly on any device. It adapts itself to fit perfectly on screens of all sizes, whether it's desktops, tablets, or smartphones. This guarantees a seamless and uniform experience for all users, regardless of the device they are using.

Video Poll Responsive Design

Just like all our widgets, the Video Poll widget gives the chance to incorporate custom CSS for a truly personalized appearance. Users with coding skills can boost the widget's visual attractiveness, achieving their desired design style by adding their own custom CSS.

Styles with Custom CSS

The Video Poll widget is made for easy integration into your current website code, requiring only basic technical abilities for installation. This ease allows site owners to quickly embed the widget without needing considerable development resources or specialized expertise.

Easy to embed on any website

Video Polls grab the attention of users, making their time on your website or platform more fun and interactive. Videos, compared to text, spark more curiosity in users, leading to more involvement and longer visits to your site.

Enhanced Engagement

The option to tweak video polls to match user likes gives a tailored experience. This personal touch helps users feel important and listened to, building a better bond between you and your viewers.

Personalized Experience

The Video Poll widget's easy setup, adaptable design, and compatibility with mobile devices guarantee a user-friendly interface. Users can join in polls without a hitch from any device, making their experience hassle-free and enjoyable, which boosts user happiness and repeat visits.

Optimized User Interface

Video Poll

A code snippets widget compatible with various layouts, themes, and more rich features

Our Code Snippets Widget offers a diverse selection of visually appealing themes to match your preferred coding environment. Choose from a range of stylish themes, including dark and light modes, or even create your custom theme. Tailor your code presentation to your liking and create an immersive coding experience that reflects your unique style and preferences.

Beautiful Code Themes

With our Code Snippets Widget, you can showcase multiple code snippets in a clean and organized manner. Effortlessly toggle between snippets using intuitive tabs or present them in a list layout for easy comparison.

Multiple Code Snippets

Our Code Snippets Widget comes equipped with a powerful AI code assistant to supercharge your development process. Get intelligent code suggestions and context-aware recommendations, enhancing your productivity.

AI Code Assistant

Our Code Snippets Widget comes equipped with built-in formatting options to ensure clean and consistent code presentation.

Formatting Options

The Code Snippets Widget incorporates advanced syntax highlighting, making your code visually distinct and easier to read. 

Syntax Highlighting

Our Code Snippets Widget supports various file extension types and displays the corresponding file icon for each extension.

File Extension Support

The Code Snippets 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

With the Code Snippets widget, you have complete control over the look and feel of your design. You can easily customize various elements such as the colors, fonts, and spacing to match your brand or personal style. Whether you want to create a sleek, modern design or a more traditional look, the Code Snippets widget has you covered. With its wide range of customization options, you can easily tweak and adjust every aspect of your design to get the perfect look for your project.

Fully Customizable

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

Perfectly Responsive

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

Easy to Embed

For developers, students, and enthusiasts, our Code Snippets Widget enhances visual learning by presenting code samples with syntax highlighting and line numbering. Ignite passion for coding and create an engaging learning experience that sets you apart.

Empower Visual Learning

Enrich your technical content without sacrificing clarity. Embed code snippets seamlessly, enhancing explanations and making them easy to follow. Perfect for programming concepts and real-world examples.

Streamline Code Presentation

The Code Snippets Widget showcases your programming expertise with visually appealing displays. Share multiple code snippets, captivate your audience with interactive showcases.

Implement Code Showcases

Code Snippets

Website Components

Upload a sequence of images, create engaging stop-motion displays, and enhance website interactivity.

The Stop Motion Player widget makes applying filters to your images easy, with advanced settings for more control. This feature enables a variety of visual effects to align with your website's aesthetic. Advanced filtering allows for fine-tuning image appearance, enhancing your website's visual appeal.

Advanced Image Filters

The Stop Motion Player widget allows for varied animation settings. You can set the animation to repeat, alternate (forward and backward), or display images in a randomized order. These settings enhance the visual storytelling, making the widget a flexible tool for creative display on your website.

Stop Motion Player Animation Settings

The Stop Motion Player widget allows you to set the time interval between image swaps. This feature enables a personalized pace for the stop-motion display, allowing control over the image sequence progression. Adjusting the timing enhances the widget's flexibility and ensures the display aligns with the website's desired ambiance and message.

Customized Timing with Stop Motion Player

The Stop Motion Player widget facilitates the upload of multiple images at one time. This bulk upload feature streamlines the process of setting up your stop-motion display, saving time and effort. By allowing for bulk uploads, this feature enhances the ease of use and efficiency of managing the visual content on your website.

Bulk images Upload Capability

Crafting your unique stop motion display is effortless with the Stop Motion Player widget. No coding knowledge is required; its intuitive interface facilitates smooth and quick customization, enabling you to bring your envisioned stop motion sequence to life with ease.

User-Friendly Stop Motion Player Widget

The Stop Motion Player widget opens the door to endless customization. It offers the flexibility to adjust various settings to your liking, ensuring the stop motion display resonates with your website's unique design and branding.

Designed for optimal responsiveness, the Stop Motion Player widget ensures your stop motion displays maintain their visual appeal on any device. In an era where mobile optimization is vital, this feature is key to delivering a consistent user experience regardless of the device being used.

Optimized Responsiveness

The Stop Motion Player widget offers CSS customization, allowing for creative design adjustments to the stop motion display. This feature ensures the widget harmonizes with your website's aesthetic, making it a versatile tool for enhanced visual appeal.

Stop Motion Player CSS Customization

Embedding the stop motion display you've created into your website is a breeze. It's as simple as following a few straightforward steps. Additionally, any adjustments made within the widget are instantly reflected on your site, keeping your stop motion displays current without any extra hassle.

Seamless Stop Motion Player Integration on any Website

The Stop Motion Player widget allows for a creative and festive addition to your website. By enabling the user to upload a sequence of images, it provides an avenue for artistic expression. This feature allows the website owner to showcase creativity and make the website stand out.

Creative Expression Through Stop Motion

The Stop Motion Player widget creates a captivating visual experience on your website by displaying a sequence of images in a stop-motion style. This unique feature not only captures the attention of visitors but also encourages them to spend more time exploring your website. By enhancing user engagement, it contributes to a more interactive and enjoyable browsing experience.

Engagement Boost with Stop Motion Player

Through the Stop Motion Player widget, you can tell compelling visual stories that resonate with your audience. The sequential display of images offers a narrative form, allowing for a more profound engagement with your visual content. This benefit can be particularly advantageous for site owners looking to convey complex ideas or narratives in an easily digestible and visually engaging manner.

Amplified Visual Storytelling

Stop Motion Player

Images & Galleries

Upload, tilt, and rotate images interactively on any website.

Add a unique spin to your images with our Set Rotation feature. This lets you control the direction and degree of rotation on the X, Y, and Z axes, giving you the flexibility to adjust how your images move and captivate your audience.

Customizable Rotation

Elevate the aesthetics of your images with our Decorations feature. Choose from a variety of enhancements that can be layered over or under your image, allowing you to add that extra flare and make your images even more eye-catching.

Enhance With Decorations

Create a more immersive, 3D look with our Set Shadow feature. It lets you modify the shadowing of your image including its direction, magnitude, and color. This not only enhances the tilted effect but also adds depth and dimension to your image, making it pop off the page.

Adjustable Shadow Effect

Adjust to your heart's content with our Size and Border Radius feature. This allows you to define the dimensions of your image and round its corners to the desired degree. It's an easy yet impactful way to ensure your visuals fit perfectly with your site's layout and design.

Tailor Your Image Size and Shape

The Tilted Image widget is highly customizable to meet your aesthetic needs. You have the flexibility to adjust rotation angles, choose from pre-made decoration sets, and modify image shadowing. This ensures the widget enhances your website's look and feel, perfectly blending with your design theme.

Our Tilted Image widget is designed to be fully responsive, providing an excellent visual experience on any device. In today's mobile-first era, this ensures your website remains attractive and user-friendly across various platforms.

Optimized Responsive Design

The Tilted Image widget is user-friendly and requires no coding skills. It features a straightforward dashboard and intuitive controls, enabling you to customize the widget's settings effortlessly and make your images more interactive.

Easy to use

Like all our widgets, the Tilted Image widget supports custom CSS. This gives you even more control over customization, allowing you to refine the look and behavior of the widget to match your creative vision.

Embedding the Tilted Image widget on your website couldn't be easier. Just copy and paste the provided code to incorporate the widget into your site. Any adjustments you make to the widget's settings will automatically reflect on your website, ensuring a smooth user experience.

Easy to add to your website

With the Tilted Image widget, you can offer your visitors a more dynamic, interactive browsing experience. The playful movement and unique display of images on your site can attract and hold your audience's attention, encouraging them to stay longer and explore more of what you have to offer.

Engage and Intrigue Your Visitors

Make your website stand out from the crowd with the Tilted Image widget. By transforming static images into interactive, rotating displays, you can elevate your site's aesthetic and create a unique, memorable user experience that sets you apart from competitors.

Enhance Your Website's Visual Appeal

Go beyond static visuals and bring your content to life with the Tilted Image widget. By adding motion and interactivity to your images, you can create a more immersive, captivating browsing experience that makes your content more impactful and memorable.

Bring Your Content to Life

Tilted Image

Displays a series of images in a slideshow format

Example 5

The Image Slider widget features hover effects which will add even an additional layer of visual effects that will make the users’ experience on your pages even more enjoyable.

Image Slider Hover Effect

The Image Slider widget comes with the option to choose from color effects to make your images more unified in style, and to add the “wow” effect to them.

Image Slider Color Effects

The Image Slider widget comes with two layout styles — carousel and grid. You can choose from these to make the widget fit your website’s design.

Image Slider Layout Styles

You can transform the Image Slider into a powerful conversion tool with the option to make the images clickable.

Clickable Images

The Image Slider widget is designed to be fully customizable, allowing you to adjust the design to match the look and feel of your website. With various customization options at your fingertips, you can easily change the colors, fonts, spacing, and other elements to create a button that fits seamlessly into your website design. Whether you're looking to match your brand colors, create a unique look, or personalize your website, the Image Slider widget provides you with all the tools you need to get the job done. With the ability to preview your changes in real-time, you can easily experiment with different styles and design elements until you find the perfect combination that fits your needs and enhances the user experience on your website.

Fully Customizable Image Slider Widget

The Image Slider widget is designed to provide a seamless user experience on any device. With its fully responsive design, the button will look great and function smoothly on desktop computers, laptops, tablets, and smartphones. This is especially important in today's mobile-first world where more and more people are using their smartphones and other mobile devices to browse the web. By ensuring that your website is optimized for all devices, you'll improve the user experience for your visitors and stay ahead of your competitors in terms of functionality and design. With the Image Slider widget, you'll be able to provide your visitors with a fast, easy, and intuitive way to navigate your website no matter what device they use.

Perfectly Responsive Image Slider

The Image Slider widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget any way you’d like to with just a few simple clicks.

Easy To Use Widget

In addition to the built-in customization options, the Image Slider widget allows you to add your custom CSS to enhance the button further and make it truly unique. Whether you're a seasoned developer or simply looking to get creative, the ability to add custom CSS gives you the power to take your website design to the next level. With custom CSS, you can change the button's size, shape, and positioning, or even create entirely new styles from scratch. The possibilities are endless, and with some creativity, you can make the Image Slider widget your own. This level of customization allows you to create a button that fits perfectly with the look and feel of your website and enhances the overall user experience for your visitors. Whether you're looking to create a sleek, modern design or a more traditional, classic look, the Image Slider widget and its custom CSS capabilities give you the tools you need to make it happen.

Image Slider Custom CSS

You can easily embed the Image Slider widget on your website by copying a single line of code. The Image Slider will also be updated automatically with every change you make.
Copy the code for the button and paste it into your website's HTML code. The code should be placed in the appropriate section of your website, such as the footer or header.

Easy To Embed Image Slider

With the Image Slider widget and animation effect, you’ll easily draw the users’ attention to your images. .

Draw Attention with Image Slider

Once you’ve drawn the users’ attention, you’ll be able to showcase your work, products, or services, in a visually appealing manner. This way, you can increase the chances of converting them into customers.

Showcase Your Products or Services

The Image Slider widget provides powerful customization options that will enable you to customize the widgets as you desire and make them complement your overall website design. The intuitive interface makes it easy for even beginners to create stunning widgets with minimal effort.

Use an Image Slider to Enhance Design

Image Slider

Showcase your skills in a stylized and adjustable list format


The app features six layouts with varying image sizes and text layouts, supporting both horizontal and vertical design to make sure that the app fits your design requirements.

Multiple Layouts

You can add images, if you want, to make skills stand out, or add photos of yourself, or your team.

Images

The app comes with a proficiency bar, that will show, in a visual representation, how well you know a skill. You can customize it as you see fit, and fill it using a simple slider.

Proficiency Bar

The app comes with a variety of beautiful skins that you can choose from so you don’t have to spend much time on extensive customization.

Multiple Skins

The 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 app is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors.

The widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the app any way you’d like to with just a few simple clicks.

Easy To Use Skill List Widget

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

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

Easy To Embed

The app 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

With the Skills List app’s customization options, you can make sure that your skills and experiences truly stand out on your website. Potential recruiters will be sure to notice these skills and be more inclined to contact you.

Stand Out

The Skills List app is not only good for providing relevant information, but also for enhancing a website’s design.

Improve Design

The Skills List app enables you to provide important information to potential employers in an organized and concise manner, that will certainly be appreciated by them, and will increase your chances of getting hired.

Provide Relevant Information

Skill List

Lists & Cards

Allow users to register for events, save submissions, enable notifications, and more

Discover the best objects for WebSite X5

Some of the best Common Ninja objects for WebSite X5

Lottie Player

Video Poll

Code Snippets

Stop Motion Player

Tilted Image

Image Slider

Skill List

RSVP Form

WordPress Feed

Reviews Badge

Skill Flip Cards

AliExpress Reviews

Common Ninja Search Engine