A button placed at the bottom of a webpage that, when clicked, scrolls the page back to the top

Example 1

Example 2

Example 3

Example 4

The Back to Top Button widget comes with an option to change the position of the button (right, left, center), which will allow you to customize it to fit your specific needs. This flexibility ensures that the button blends seamlessly with the overall design of your website, making it an essential tool for improving user experience and navigation.

Easy Button Position Change

The Back to Top Button widget features different arrow icons you can choose from. Simply select the one that will complement your website’s design. This customization option provides the flexibility to match the button to your website’s aesthetic, creating a seamless and visually appealing user interface.

Different Icon Types

The Back to Top Button widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style. With this versatility in design options, you can seamlessly integrate your brand's aesthetic into your website while maintaining a polished look.

Back to The Top button Multiple Layouts

The Back to Top 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. And even if you decide to customize the widget further, its user-friendly interface makes it easy for you to personalize it to match your website's unique style and aesthetic.



Multiple Skins for the Back to Top button

The Back to Top Button 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 Back to Top Button widget provides you with all the tools you need to get the job done. Additionally, 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 Widget

The Back to Top Button 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 Back to Top Button 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 Widget

The Back to Top 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 Widget

In addition to the built-in customization options, the Back to Top Button 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 Back to Top Button 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 Back to Top Button widget and its custom CSS capabilities give you the tools you need to make it happen.

Back to Top button Custom CSS

You can embed the Back To Top button on your website easily by copying a single line of code. The Back to Top Button widget 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 Back to Top button

The Back to Top button provides users with easier on-site navigation as with a simple click, they will be transformed back to the top of the page. This is ideal for pages where there’s a lot of text, and scrolling back up may be an annoyance.

Easy Navigation with Back to Top button

The improved navigation that the Back to Top button offers will undoubtedly improve the users’ experience on your website, encouraging them to come and visit your website again. Additionally, the added convenience of quickly returning to the top of the page with just one click can save time and effort for the user, further enhancing their overall experience on your website.

Improved User Experience

With simple navigation to the top of the page, users will be able to engage with other elements on your website, for example, with call-to-action buttons, additional links, videos, images, and more. This, in turn, can lead to increased engagement, higher conversion rates, and ultimately, a boost in overall website success.

Use a Back to Top button for More Engagement

Back to Top Button

Popups, Bars & Buttons

Example 5

The Notification Popup widget features advanced display rules — like when or where to display the app — that you can set and customize. The rules include action triggers like “on exit”, “time delay”, “page scroll” and more.

Customizable Display Rules

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

Multiple Notification Popup Layouts

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

Multiple Notice Skins

The Notification Popup widget comes with a selection of beautiful icons that you can use to add to it and enrich its visual appearance.

A Selection of Beautiful Icons

The Notification Popup widget provides full RTL support for those who write from right to left. Make your news accessible to more users from all over the world.

Full RTL Support

The Notification Popup widget features full customization options so you can edit the design to fit your needs. Change the colors, the fonts, the spacing and anything else!

Fully Customizable Notification Popup widget

The Notification Popup 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 popup

The Notification Popup 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 Notification widget

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

Custom CSS

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

Easy To Embed Notification popup

The Notification pop-up widget is hard to miss and requires action from the user to close it, so you can be sure that your message will be seen and received by visitors to your website.

Hard To Miss Notifications

The Notification widget is fully customizable and can be customized to enhance and complement your site's design, reinforcing your brand recognition.

Enhanced Notice Design

With the ability to add CTA buttons within the Notification popup, you can improve the user’s journey through optimized navigation and enhance their experience.

Easy Navigation

Notification Popup

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

New!

Display the latest posts from your Tumblr page

You can show your feed in a gallery format, with no other distractions to create a truly immersive experience for your visitors. 


An Immersive Experience

With a short, teasing sentence, and enticing images, it’s easy to encourage users to click on the feed to learn and read more about a particular topic. 


An Invitation to Explore

Style 3

Style 4

You can also present your feeds in a more detailed manner, to inform your users, and encourage them to read the desired posts. 


Detailed Information for Better Decisions

You can add a sense of movement to your Tumblr feed pages by using the "ticker" animation, which mimics a news ticker. You can use it to grab the user's attention immediately.

Ticker Animation

You can further customize the Tumblr Feed widget by displaying the time and date of the feeds.

Date & Time Display Settings

With the "auto-refresh" option toggled on, the Tumblr Feed widget automatically updates the feed with new posts.

Refresh automatically

The Tumblr Feed widget offers two feed types: Tabs and Mixed. Tabs are arranged based on feed order, while Mixed feeds are mixed together to create a diversified feed.

Multiple Feed Types

Customize the length of the characters in the Tumblr Feed widget to make it more compact.

Customize Character Display Length

In order to make sure the Tumblr Feed widget fits your overall design and style, it comes with multiple layout options.

Various Layouts

A variety of gorgeous skins are available for the Tumblr Feed widget, so customizing it isn't difficult.

Stunning Skins

The Tumblr Feed widget provides full RTL support for those who write from right to left. It will be easier for your news to be accessed by more people around the world.

RTL Supported

The Tumblr Feed widget allows you to customize the design to meet your needs. There are a lot of options for changing the colors, fonts, and spacing!

Totally Customizable

Any device will be able to use this Tumblr Feed widget. This feature will give you an edge over your competitors in a mobile-centric world. 

Perfectly Responsive

The Tumblr Feed widget is easy to install and requires no coding knowledge. Customize the widget in any way you like with our drag-and-drop dashboard.

Simple To Use Tumblr Feed Widget

The Tumblr Feed widget and all of Common Ninja's widgets can be customized with CSS.

Simply copy and paste the code into your website to embed the widget. Whenever you make a change to your Tumblr Feed, the widget will automatically update.

Simple to Embed

You can group and collect various Tumblr feeds with the Tumblr Feed widget.

Group Several Tumblr Feeds

By grouping your Tumblr feeds on one page, your readers will have easier access to them. 

Better User Experience

Enhance your page's appearance by customizing the Tumblr Feed widget. Create a more appealing design by adding a gentle "ticker" animation.

Enhanced Design

Tumblr Feed

Social Feeds

A payment button that triggers a recurring payment form linked to PayPal or Stripe for easy subscription setup

The Recurring Payments widget comes with easy subscription period management where you can simply choose your preferable period from a drop-down menu. This user-friendly approach helps enhance the overall customer experience and fosters long-term relationships.

Subscription Period Management

The Subscription Button currently works with the Stripe and PayPal payment gateways, from which you can choose the one that fits your needs. Providing multiple payment options caters to a diverse range of customer preferences, further improving user experience.

Recurring Payments: Multiple Payment Gateway Integrations

The Recurring Payments feature offers the option to toggle email notifications and webhooks for both website owners and customers, ensuring effective communication and keeping everyone informed about transactions. This consistent communication helps build trust and rapport between your business and your customers.

Subscription Button Email Notifications

The Subscription Button widget enables viewing all the transactions that were made through the button, with the additional option that enables to export these transactions into a CSV file. This easy access to transaction data aids in tracking revenue and monitoring subscription trends.

Displaying and Exporting Transactions to a CSV File

The Subscription Button widget allows you to manually add taxes and shipping prices, ensuring your pricing listings remain accurate and transparent for your customers. Presenting clear and precise pricing information can help establish trust and encourage potential customers to subscribe.

Option To Add Taxes & Shipping Prices

The Subscription Button widget includes the option to add post-payment messages, which can be utilized to reassure users that their payment has been processed or to express gratitude for their subscription. These personalized messages can enhance customer satisfaction and increase the likelihood of long-term commitment.

Subscription Button Post-Payment Messages

The Subscription 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. The diverse range of skins ensures that you can create a button that perfectly complements your website's design.

Multiple Skins for Subscription Payment Button

The Subscription Payment Button widget boasts extensive customization options, enabling you to tailor the design to your unique needs. Modify the colors, fonts, spacing, and more to create a personalized button that aligns with your brand. This level of customization allows you to create a cohesive visual experience for your customers.

Complete Customization of Subscription Payment Button

The Subscription Payment Button widget is fully responsive and adapts to any device, providing a superior experience for users in a mobile-first world and giving you a competitive edge. This responsive design ensures that your customers can access and manage their subscriptions effortlessly from any device.

Mobile-Friendly Subscription Payment Button

The Subscription Payment Button widget is designed for ease of use, requiring no coding knowledge. With our intuitive dashboard and drag-and-drop feature, you can customize the widget effortlessly and achieve your desired look. This streamlined process saves you time and allows you to focus on other aspects of your business.

Intuitive and User-Friendly Subscription Payment Button

Like all Common Ninja widgets, the Subscription Payment Button widget allows for custom CSS, enabling you to further personalize the design and unleash your creativity. The ability to add custom CSS grants you even greater control over your button's appearance, making it truly unique and engaging.

Subscription Payment Button Custom CSS

Easily integrate the recurring payments widget into your website by copying a single line of code. The Subscription Payment Button widget updates automatically with every change, ensuring your site remains up-to-date. This hassle-free embedding process simplifies the implementation of recurring payment options on your site, increasing overall efficiency.

Seamless Embedding of Recurring Payments Widget

By offering a subscription button, you make it easy for users to subscribe to a periodical payment plan, encouraging them to engage with your brand on a regular basis. By offering a seamless experience for signing up for recurring payments, you can significantly improve customer retention and satisfaction.

Enhanced User Engagement with a Subscription Button

Subscribers are a reliable source of revenue, providing a steady stream of income that can help you plan and grow your business. This financial stability allows you to focus on improving your products or services and meeting your customers' needs.

Stable Revenue Stream through Recurring Payments

By making it easy to access and subscribe to a payment plan, you can increase conversions and revenue. By simplifying the subscription process, you can attract a larger audience and convert more potential customers into loyal subscribers.

Higher Conversions with the Subscription Button

Subscription Button

Website Components

Present your team members in a dynamic, shape-based animation

With a simple design, it’s easy to deliver the right information clearly, and in a stylish manner. 


Simple. Informative. Elegant.

Style 2

Sometimes there’s a need to add more information. Long pieces of text can be daunting, but by using the right layouts, icons, fonts, and colors, it’s easy to add a lot of information in an easy-to-understand manner. 


Detailed Information — Easy Navigation

Style 5

Some information doesn’t need to be long, it needs to be presented in a visually appealing manner, with little text and navigational buttons. 


Clear, Concise & Stylish

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

Multiple Blob Types

The Team Members app features various layouts for you to choose from to better customize the blobs to fit your website and its design needs.

The Team Members app features different color filters that you can use and match with your team members to make them stand out or, on the contrary, to present a unity.

Vivid Color Filters

The Team Members app features a whopping 16 blend modes so that you can customize your blobs even more and make your team members' page truly unique.

Extensive Blend Modes

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

Gentle Animation

The Team Members app enables you to add links to the following: a personal website, an email address, LinkedIn, Facebook, Twitter & GitHub. Once you add a link, a relevant icon will automatically appear under the portrait.

Social Media Link & Icons

The Team Members 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!

Fully Customizable

The Team Members 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 Team Members 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 team Members Widget

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

You can embed the Team Members 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 

With features like color filters, layouts and animation, the Team Members app can make your team members stand out in a visually appealing way.

Make Your Team Members Stand Out

By showing the team behind the company, and by adding social buttons with links to their social media profile you can easily increase trust in your company.

Increase Trust

The Team Members app enables you to create beautiful team member pages by offering you a wide range of customization options that you can employ. Make your page stand out and set the right tone — professional, fun, glamorous, or anything else!

Enhance Design

Team Members Blobs

Present App Store reviews for your app on your website

The widget comes with three review types — Carousel, Grid, and List, that will help you customize the apps and make them fit your design needs.

Different Review Types

The widget comes with advanced filtering options, like choosing to display reviews with a minimum of a certain number of stars.

Discover the best extras for MODX

Some of the best Common Ninja extras for MODX

Back to Top Button

Notification Popup

Animated Headline

Tumblr Feed

Subscription Button

Team Members Blobs

App Store Reviews

Coupon Popup

Before & After Slider

FAQ

Image Accordion

Diagrams

Common Ninja Search Engine