Displays a timer counting down to a specific date or event

Example 1

Example 2

Example 3

Example 4

The Countdown widget features captivating animations for number transitions, adding a dynamic and engaging element to your timer. Customize the animation style and speed to suit your preferences and make your countdown timer stand out to your website visitors.

Animated Number Transitions

The Countdown widget offers the unique feature of creating an evergreen timer, which sets a personalized countdown for each visitor, beginning the moment they enter the website. This individualized approach fosters a sense of urgency and engagement, as users experience a tailored countdown that directly corresponds to their visit, making your event or promotion even more compelling.

Individualized Countdown for Each Visitor

The Countdown widget offers the flexibility to personalize the titles or labels for days, hours, minutes, and seconds, allowing you to make the timer more relevant to your specific event or promotion. Tailor the labels to your audience and context, ensuring a more engaging and meaningful user experience.

Customizable Titles and Labels in Countdown

Upon reaching the countdown's end, the Countdown widget can showcase a vibrant confetti animation and reveal a tailored message to mark the occasion. This attention-grabbing element amplifies the excitement and engagement, providing users with a memorable experience as they engage with your event or promotion at the culmination of the countdown.

Festive Confetti Animation and Custom Completion Message

With a selection of design skins available, the Countdown widget can easily be tailored to match your website's aesthetic. Choose from different pre-built themes and effortlessly adapt the widget's appearance to blend seamlessly with your site's overall design.

Customizable Countdown Design Skins

The Countdown widget offers various layout options, allowing you to choose the style that best suits your website's design. Select from a range of presentation formats, including horizontal, vertical, or circular timers, to create an attractive and visually appealing countdown display.

Multiple Layout Options

Control the look and feel of your Countdown timer by adjusting colors and fonts to match your brand identity. With a wide array of color options and a vast selection of fonts, you can easily create a countdown timer that complements your website's design language.

Extensive Color and Font Customization

The Countdown widget boasts a responsive design that ensures optimal display and functionality across various devices and screen sizes. Whether your visitors are accessing your website via desktop, tablet, or mobile, the countdown timer will automatically adapt to deliver a seamless and visually appealing experience, keeping your website professional and engaging at all times.

Perfectly Responsive Design

The Countdown widget is incredibly user-friendly, requiring no coding skills or technical expertise to implement on your website. Its intuitive interface and simple setup process make it accessible to users of all experience levels, allowing anyone to create and customize a countdown timer with ease.

Effortless Setup and No Coding Skills Required

For those looking to dive deeper into customization, the Countdown widget provides full CSS control. This feature allows advanced users or web developers to fine-tune the appearance and behavior of the timer, ensuring that it aligns perfectly with their specific design vision and requirements.

Full CSS Control for Advanced Customization

The Countdown widget is designed to work seamlessly with various website builders and platforms, ensuring smooth integration with your site. Its user-friendly setup process allows you to quickly add the countdown timer to your website without any technical difficulties or compatibility issues.

Easy Integration and Platform Compatibility

The Countdown widget generates a sense of urgency and anticipation among website visitors, encouraging them to interact with your content and offers. By creating a real-time countdown, users become more invested in the event, promotion, or deadline, which ultimately increases their engagement with your site.

Boost Engagement and Excitement with Countdown

By displaying a dynamic Countdown timer on your website, you create an engaging element that invites users to return and track the progress of the countdown. This encourages regular site visits and enhances user retention, as visitors are more likely to come back to stay updated on the countdown's progress or to participate in the event or offer when it becomes available.

Increase User Retention and Return Visits using Countdown

Utilizing the Countdown widget can create a sense of urgency, motivating website visitors to take action before time runs out. This can be particularly useful for limited-time offers, promotions, or event registrations, ultimately increasing conversions, sales, and user participation.

Drive Conversions and Sales using Countdown

Countdown

Boost Sales

A dynamic display that showcases brief news snippets or updates through continuous scrolling

The News Ticker widget features several types of animations that you can choose for your news ticker, enabling you to customize the widget to your liking. Select from a range of smooth transitions to create a unique and engaging experience for your audience.


Various Ticker Animations

The News Ticker widget comes available with different types of label styles that enhance the widget’s visuals and allow you to further fit its design to your needs. Choose from various font styles and sizes to ensure your news ticker perfectly complements your site's aesthetics.

Different Label Styles

The text in the Ticker can be linked to any URL, making it not only a powerful visual tool but a functional, information and promotion-driven tool. This feature allows you to turn your news ticker into a dynamic source of traffic for your website or targeted content.

Linkable Text

The News Ticker widget features a wide array of options for controlling the ticker — from the Ticker’s speed, to enabling and disabling the looping feature, and more! This granular control enables you to optimize the user experience and cater to the preferences of your audience.

Advanced Ticker Controls

The News Ticker 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. These pre-designed themes provide an easy way to quickly make your news ticker visually appealing and consistent with your brand identity.

News Ticker Multiple Skins

The News Ticker widget has a selection of beautiful icons that you can use to add to it and enrich its visual appearance. Use these eye-catching icons to highlight specific news items, categories, or to convey additional information.

A Selection of Beautiful Icons

The News Ticker 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! This unmatched flexibility allows you to create a truly unique and personalized news ticker for your website.

Fully Customizable News Ticker

The News Ticker 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 News Ticker

The News Ticker 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

As with all of Common Ninja’s widgets, you can add custom CSS to customize the News Ticker widget and be even more creative. This advanced option enables developers and designers to add their unique touch and refine the widget's appearance and functionality.


Custom CSS

You can embed the News Ticker on your website easily by copying a single line of code. The News Ticker widget will also be updated automatically with every change you make, ensuring a hassle-free integration and maintenance process for your site.

Easy To Embed 

With the News Ticker widget, you can provide real-time news to your website, to keep your users updated, informed, and engaged.

Update In Real-Time

With the News Ticker widget and its constant scrolling motion of news, you are certain to draw the user’s eye and increase user engagement with your website.

Grab Attention with a text ticker

The News Ticker widget allows you to save space by adding text without taking up more space, which is especially great for websites with limited real estate.


Save Space

News Ticker

Website Components

News Ticker template 6

News Ticker template 5

News Ticker template 4

News Ticker template 3

News Ticker template 2

News Ticker template 1

Make your titles stand out to capture the attention of your visitors

The widget offers 10 different animation effects, allowing site owners to choose the perfect style to match their website's theme and brand identity. This level of customization ensures that animated titles always blend seamlessly with the site's design.

Diverse Animation Effects

With advanced typography options, site owners can easily customize the font, size, and color of their animated titles to create the desired look and feel. These options enable users to maintain a consistent visual style across their website.

Advanced Typography Options

With our new feature in the Animated Headline Widget, you're no longer confined to animating only full sentences or headlines. You now have the ability to animate any segment of your sentence - be it the beginning, the middle, or the end. This feature gives you more flexibility to emphasize specific words or phrases, making your content even more engaging and interactive.

Animate for Any part of Your Sentence

The animated title widget is fully customizable, empowering site owners to modify every aspect of the title to suit their preferences. This level of control ensures that the final result is always in line with the desired outcome and the website's branding.

Complete Customization

The widget's fully responsive design ensures that animated titles display perfectly on all devices, including mobile phones, tablets, and desktop computers. This guarantees a consistent and enjoyable experience for visitors, regardless of the device they use.

Responsive Design

The Animated Title Widget features an easy-to-use interface, making it simple for site owners to create and customize their animated titles. This user-friendly approach ensures that even those with minimal technical knowledge can effectively implement the widget on their websites.

User-friendly Interface

For users with coding knowledge, the widget supports custom CSS, allowing for even more precise control over the appearance and behavior of the animated titles. This feature caters to advanced users who seek a higher level of customization.

Custom CSS Support

The animated title widget is simple to embed on any website with just one line of code, ensuring a hassle-free integration process. This ease of use makes it accessible to site owners of all skill levels, from beginners to experienced web developers.

Easy to embed on any website

The addition of an animated headline widget can greatly enhance a website's visual appeal, making it more attractive to visitors. This not only improves the user experience but also reflects positively on the site's brand and professionalism.

Improve your website's Aesthetics

Using animated headlines enables you to convey complex ideas or important information more effectively to your website visitors. This facilitates better communication and understanding, ensuring that both parties benefit from a more streamlined and informative user experience.

Better Communication

By emphasizing key messages or calls to action, the animated headline widget can effectively guide your website's visitors toward desired actions, such as signing up for a newsletter or purchasing. This ultimately leads to higher conversion rates and increased profits.

Increased Conversion Rates

Animated Headline

Get Creative

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.

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

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

The RSVP Form provides a selection of fields, from basic to specialized formats, enabling you to create event registration forms that meet your needs and goals. To include a field, click on the "Add Field" option and choose from an extensive range of field types. Moreover, conveniently modify the field sequence by utilizing the drag-and-drop feature.

A Variety of Customizable Fields for Event Registration Forms

The Event Registration Form simplifies the organization and display of all guest RSVP data (information submitted in the forms) in an easy-to-understand and accessible layout. This functionality streamlines the monitoring of event attendee submissions, ensuring that you can review and manage responses more efficiently and effectively.

Seamless Guest RSVP Data Collection

The RSVP Form's submission data can be exported to a CSV file, allowing you to move it to other applications or tools for detailed analysis or integration. This feature is particularly useful for organizers looking to maintain a complete record of event attendee information for data evaluation, reporting, and event management purposes.

Export Event RSVP Data to CSV

The RSVP Form allows you to seamlessly accept payments from your users. Whether you’re managing event fees, deposits, or donations, this feature integrates secure payment options directly into your form. With an intuitive setup and reliable payment processing, you can simplify your event management while providing a convenient experience for your attendees.

Collect Payments Through Your RSVP Form

By incorporating specific RSVP Form fields such as meal preferences, guest details, and more, you can collect additional information that helps you manage your event more efficiently. Including fields like special accommodations, dietary restrictions, or group affiliation can provide further insight into the attendees' needs and preferences, offering a more comprehensive understanding of their requirements and ensuring a well-organized event experience.

Essential Event Registration Specific Fields

Incorporating headings, descriptive text, and visuals into your Event Registration Form creates a more engaging and user-friendly submission experience for attendees. Including informative form elements can guide guests through the registration process, promoting a smooth experience and increasing the likelihood of successful event sign-ups.

Enhance the Registration Experience

The RSVP Form provides header and footer customization options, including the capability to include images. This functionality presents a great opportunity to reinforce your event's branding and create an aesthetically pleasing form that seamlessly aligns with your website's overall appearance and style.

Customize Headers & Footers

The RSVP Form features the option to enable notifications for both the form owner and the attendee. You can activate automated email notifications for each event registration submission, send them to multiple recipients, and also send a confirmation email to the guest upon successful submission.

Get Notifications for New Event Registration Submissions

The Event Registration Form permits you to activate the CAPTCHA anti-spam feature, which attendees must complete before submitting their registration. This functionality helps deter bots and automated scripts from submitting spam entries through your RSVP form, ensuring that you receive legitimate submissions from genuine guests.

Avoid Spam in Your Event Registration Form

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

HIPAA Compliance for Secure RSVP Forms

The Event Registration Form widget features an array of visually appealing skins that you can select from, streamlining the design process and reducing the need for extensive customization. These pre-designed skins cater to various aesthetics, enabling you to easily align your form with your website's appearance and style.

Different Event Registration Form Styles

The Event Registration Form widget offers extensive customization options, allowing you to personalize the design to suit your specific needs. From modifying colors and fonts to adjusting field layouts, you have full control over the form's appearance and functionality.

Fully Customizable Event Registration Form

The Event Registration Form widget is optimally responsive and will display flawlessly on any device. Having a form that is optimized for mobile viewing is crucial in a world where an increasing number of people are accessing the internet through their phones and tablets.

Optimally Responsive Event Registration Form

The Event Registration Form widget is user-friendly and doesn't demand any coding expertise. With just a few clicks, you can customize the form to your preferences using our intuitive interface, making it an effortless and straightforward experience.


Effortless Customization with User-Friendly Interface

Our advanced editor is a powerful tool that provides you with complete control over the Event Registration Form's appearance. With this feature, you can easily customize every aspect of the widget's design, from colors and fonts to layout and positioning. For those seeking to explore their creativity further, direct CSS editing provides even more extensive customization options.

Custom CSS for Event Registration Form

To embed the Event Registration Form widget into your website, copy and paste the provided code snippet into your page's HTML code. The widget is designed to auto-update, meaning any modifications you make in the Event Registration Form editor will be automatically reflected on your website. This functionality streamlines the embedding process and ensures that your registration form is always up-to-date.

Simple Embedding of Event Registration Form

An RSVP form widget allows you to collect all the necessary information from attendees in one place, making it easier to plan and manage your event. An Event Registration form saves time by automating the RSVP process, eliminating the need for manual tracking of responses and allowing event organizers to focus on other important aspects of the event.

Streamlined Event Planning

An RSVP form widget can be designed to include automated responses, providing attendees with confirmation of their RSVP and important event details such as location, time, and directions. This feature further streamlines the RSVP process, ensuring that guests receive all the necessary information they need for a smooth and enjoyable event experience.


Improved Communication

An RSVP form widget can be integrated with tracking and analytics tools, allowing you to monitor and analyze RSVPs, identify attendance trends, and make data-driven decisions to improve your event planning processes. By tracking and analyzing RSVP data, event organizers can gain valuable insights into attendee behavior and preferences, enabling them to make informed decisions to enhance future events.

Improve Your Event Planning with RSVP

RSVP Form

Forms

RSVP Form 5

A payment button that initiates a linked payment form with PayPal or Stripe for convenient and secure transactions

The Payment Button currently works with the Stripe and PayPal payment gateways, from which you can choose the one that fits your needs. This compatibility ensures seamless integration into your existing e-commerce platform, allowing for a more flexible and user-friendly payment experience.

Multiple Payment Gateway Integrations for the Payment Button

The Payment Button widget features the option to toggle email notifications and webhooks. The email notifications can be toggled both for the website owner and the customers. Keep track of your sales efficiently with this powerful tool.

Payment Button Email Notifications

The Payment Button widget enables viewing all the transactions that were made through the button, with the additional option that enables to export of these transactions into a CSV file.

Displaying and Exporting Transactions to a CSV File

The Payment Button allows adding taxes and shipping prices manually, enabling a more accurate pricing listing.

Option To Add Taxes & Shipping Prices

The widget comes with the option to add post-payment messages, that can be used to assure users that their payment has been processed or to thank them for their payment. Adding a personal touch can make your customers feel valued and foster long-lasting relationships.

Option To Add Post-Payment Messages

The Payment 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. Offering a visually appealing Payment Button will attract more customers and enhance their overall shopping experience.

Choose from Multiple Skins for Your Payment Button

The Payment 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! These personalized adjustments will enable you to maintain consistent branding across your online presence, improving customer recognition and trust.

Completely Customizable Payment Button

The Payment 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. By catering to all screen sizes and devices, you increase the likelihood of capturing sales and maintaining user engagement.

Perfectly Responsive Payment Button

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

Easy To Use Payment Button

In addition to the built-in customization options, our Payment Button widget allows you to incorporate custom CSS, enabling even more creative control over its appearance. With this feature, you can fine-tune the widget to perfectly align with your website's design and brand identity.

Payment Button Custom CSS for Enhanced Creativity

Embedding the Payment Button on your website is a breeze – simply copy and paste a single line of code. Additionally, the Payment Button widget will update automatically with every change you make, ensuring your website remains current and functional without any extra manual intervention.

Effortless Embedding the Payment Button

A payment button streamlines the payment process, allowing customers to make a purchase quickly and easily with just a few clicks. This can reduce the time and effort required for customers to complete a payment, leading to increased sales and customer satisfaction. Integrating the Payment Button will undoubtedly enhance your website's functionality.

Effortless Payment Process with Payment Button

A payment button can simplify the checkout process, reducing cart abandonment and increasing sales. Customers can quickly complete their purchases without navigating through multiple pages, providing a sense of security and trust in the website's payment processing. This easy-to-use feature will help your business grow and prosper.

Payment Button: Boost Sales & Minimize Cart Abandonment

A payment button can improve user experience by streamlining the checkout process, making it more convenient and efficient for customers. With just a few clicks, users can quickly and securely complete their purchase without the need to navigate through multiple pages. Implementing this Payment Button is a smart way to keep your customers happy and engaged.

Enhanced User Experience with the Payment Button

Payment Button

Display important notifications with a popup

Discover the best extras for MODX

Some of the best Common Ninja extras for MODX

Countdown

News Ticker

Animated Headline

Code Snippets

RSVP Form

Payment Button

Notification Popup

AdBlocker Detector

Image Grid Slider

Logo Slider

Feedback Popup

Call Button

Common Ninja Search Engine