Andrew  1.3.0-pl (1600 KB)Other VersionsNeed help installing this extra?

Cool PHP captcha

Create custom calculators to enhance user engagement and drive business results on your website.

The TDEE Calculator allows you to create and customize a wide range of input fields to match your specific use case. You can add elements like sliders and dropdowns, and define values such as minimums, maximums, steps, and formats to guide user input. This flexibility makes it easy to adapt the tool into a Calorie Needs Calculator, Daily Calorie Calculator, or Energy Expenditure Calculator that fits your website’s goals.

Flexible Input Fields in the TDEE Calculator

The TDEE Calculator lets you show or hide fields based on the values users select in other parts of the form. This makes it possible to create a more dynamic Calorie Needs Calculator, Daily Calorie Calculator, or Energy Expenditure Calculator that adjusts to different goals, activity levels, or input types. The result is a cleaner and more relevant experience that helps visitors focus only on the information that applies to them.

Smart Conditional Logic for the TDEE Calculator

The TDEE Calculator supports complex calculations built around detailed formulas and custom logic. Using the fields you add, you can create a Daily Calorie Calculator, Calorie Needs Calculator, or Energy Expenditure Calculator that delivers accurate results based on your business requirements. This gives you the flexibility to offer more precise estimates and more useful outcomes for visitors on your website.

Advanced Formulas for the TDEE Calculator

The TDEE Calculator lets you customize how results are displayed so the final output matches your preferred wording and presentation style. This helps you present calorie estimates in a way that feels clear, relevant, and consistent with the rest of your website. Whether you use it as a Calorie Needs Calculator, Daily Calorie Calculator, or Energy Expenditure Calculator, the results can be tailored to fit your business language and user

Clear Result Presentation for the TDEE Calculator

The TDEE Calculator allows you to add a call-to-action button directly within the widget to guide users toward the next step. Whether you’re using it as a Calorie Needs Calculator, Daily Calorie Calculator, or Energy Expenditure Calculator, you can connect results to actions like form submissions, service inquiries, or product pages. This helps turn user engagement into meaningful interactions that support your website’s goals.

Drive Conversions with a Built-In Call-to-Action

The TDEE Calculator includes several layout options so you can choose the one that fits your website’s design and structure. This makes it easier to present your Calorie Needs Calculator, Daily Calorie Calculator, or Energy Expenditure Calculator in a way that feels natural within your existing pages. With the right layout, the widget can support both your visual style and the way visitors interact with your content.

Multiple Layout Options for the TDEE Calculator

The TDEE Calculator comes with a selection of pre-designed skins that help you match the widget to your website’s look and feel. This allows you to present your Calorie Needs Calculator, Daily Calorie Calculator, or Energy Expenditure Calculator in a visually consistent way without spending extra time on design. With minimal effort, you can integrate a polished and cohesive element into your site.

Ready-Made Design Skins for the TDEE Calculator

The TDEE Calculator gives you full control over its appearance so it can match the style of your website. You can customize elements like colors, fonts, spacing, and other design details to create a polished and consistent look. Whether you present it as a Calorie Needs Calculator, Daily Calorie Calculator, or Energy Expenditure Calculator, it can be tailored to fit both your branding and your page layout.

Fully Customizable TDEE Calculator Design

The TDEE Calculator is fully responsive, ensuring it displays smoothly across desktops, tablets, and mobile devices. This allows your Calorie Needs Calculator, Daily Calorie Calculator, or Energy Expenditure Calculator to remain accessible and easy to use for all visitors. A consistent experience across devices helps maintain usability and supports engagement on any screen size.

Responsive Design for the TDEE Calculator

The TDEE Calculator is built to be simple to use, with no coding needed to customize it for your website. Its intuitive dashboard makes it easy to adjust settings, fields, and design preferences in just a few clicks. Whether you’re creating a Calorie Needs Calculator, Daily Calorie Calculator, or Energy Expenditure Calculator, the setup process stays accessible for users of any skill level.

Easy Setup for the TDEE Calculator

The TDEE Calculator supports custom CSS, giving you the ability to fine-tune its design and behavior beyond standard settings. This allows developers and designers to create a Calorie Needs Calculator, Daily Calorie Calculator, or Energy Expenditure Calculator that aligns precisely with their website’s style and interaction requirements. With this added flexibility, the widget can be adapted to meet even the most specific design needs.

Advanced Customization with Custom CSS

Embedding the TDEE Calculator on your website is simple and requires only a single line of code. This makes it quick to add a Calorie Needs Calculator, Daily Calorie Calculator, or Energy Expenditure Calculator to any page without complicated setup. Once embedded, any updates you make are automatically reflected, keeping your widget current with minimal effort.

Easy Embedding for the TDEE Calculator

A TDEE Calculator can help turn casual visitors into engaged prospects by giving them a practical reason to interact with your website. People are more likely to stay longer when they receive a useful estimate tied to their health or fitness goals. This creates more opportunities to guide them toward coaching plans, meal programs, memberships, or other services.

Turn the TDEE Calculator Into a Lead Generation Tool

Interactive tools give people a reason to spend more time exploring your content instead of leaving after reading one page. A visitor who checks their calorie needs may continue to browse workout plans, nutrition advice, or product recommendations on your site. That extra engagement can support stronger performance across key website metrics.

Keep Visitors on Your Website Longer

A TDEE Calculator can strengthen pages focused on weight management, fitness coaching, wellness programs, or nutrition services. It adds practical value to informational content and makes those pages more useful for search visitors. This can help your site attract relevant traffic while supporting the business goals behind your content.

Make the TDEE Calculator Part of a Stronger Content Strategy

Use the TDEE Calculator when you want to help visitors estimate daily calorie needs based on their personal data. As a Calorie Needs Calculator, Daily Calorie Calculator, or Energy Expenditure Calculator, it simplifies complex nutrition calculations into clear, personalized results. Visitors enter their details and instantly receive tailored estimates, which helps build trust and keeps them engaged. This is especially useful for fitness, nutrition, wellness, and health-focused websites. By providing clear calorie insights, you reduce guesswork and guide users toward informed decisions. The calculator can also serve as a high-intent entry point for users who are ready to take the next step.

TDEE Calculator

User Engagement

Display a feed of the latest posts from a Facebook user or page

Example 1

Example 2

Example 3

Example 4

There are various options for displaying the date and time of the feeds — an option that will enable you to further customize the Facebook Feed widget according to your needs, and the preferences of your visitors.

Facebook Feed Date & Time Display Settings

The Facebook Feed widget has the “auto-refresh” option which, when toggled, keeps refreshing and updating the feed with new posts.

Auto Refresh

Two different feed types are available in the Facebook Feed widget — Tabs and Mixed. The Tabs type keeps all your tabs organized by order of feed, while the Mixed type, mixes the various Facebook feeds to create a diverse feed.

Different Feed Types

You can easily customize the characters' length to save space and make the Facebook Feed widget more compact.

Customize Character Display Length

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

Facebook Feed Multiple Layouts

The Facebook Feed 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 Skins

The Facebook Feed 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 Facebook Feed 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 

The Facebook Feed 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 Facebook Feed

The Facebook Feed 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 Facebook Feed

As with all of Common Ninja’s widgets, you can add custom CSS to customize the Facebook Feed widget and be even more creative.

Custom CSS

You can embed the widget on your website quickly by copying a single line of code. The Facebook Feed widget will also be updated automatically with every change you make.

Easy To Embed Facebook Feed

With the Facebook Feed widget, you can collect and group various Facebook feeds into one page for more accessible, and quicker access.

Group Facebook Feeds

By grouping all the Facebook feeds into one page, you’ll make accessing these feeds much easier for your readers, thereby improving their experience. 

Improve User Experience

The Facebook Feed widget is fully customizable, and you can use it to enhance your page’s design. You can additionally enhance the design by implementing the gentle “ticker” animation, which is sure to make your page more appealing.

Enhance Design

Use the Facebook Feed widget when your page on Facebook is an important channel for updates, events, or community activity and you want that presence reflected on your site. A live feed brings recent posts, images, and announcements into your own pages, keeping them fresh without extra work. This is valuable for local businesses, nonprofits, schools, and brands that run active Facebook communities. Visitors see proof that you are engaged and responsive, which builds trust. With clear post previews, users can scan quickly and click for more details. Embedding the feed also encourages more followers by showing the value of your Facebook content right where visitors already are.

Facebook Feed

Social Feeds

A music player compatible with various file formats and streaming 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

Design and display playlists that perfectly match your website’s layout and tone. The Music Player Widget lets you choose between compact or full-sized playlist views, show or hide album covers, and organize tracks for easy navigation. Whether you’re building a professional music portfolio or a casual listening page, the playlist options adapt to your creative goals.

Create Engaging Playlists That Fit Any Website Design

Give your music player the look that best suits your brand. With several layout options and modern, ready-made skins, you can select between minimal, elegant, or bold visual styles. Each layout is built for performance and mobile responsiveness, helping your website look consistent across all devices.

Choose From Multiple Player Layouts and Visual Styles

Select from beautifully designed skins to match your site’s look and feel. The Music Player Widget includes a range of visual themes, from clean minimal styles to more expressive designs, so you can find the perfect fit for your brand. Each skin is responsive, customizable, and ready to use instantly.

A Variety of Professional Design Skins

Adjust fonts, colors, icons, and spacing to ensure your music player blends seamlessly with your site. The customization controls are intuitive and flexible, allowing you to fine-tune the design without writing code. Every element can be tailored to enhance your website’s aesthetic and user experience.

Customize Every Detail to Match Your Brand Identity

Combine music from various sources to create richer playlists. The Music Player Widget supports direct links to MP3 files, SoundCloud, Vimeo, and YouTube, allowing you to feature songs, podcasts, or playlists from multiple hosting platforms. This flexibility helps you keep your content accessible and varied for your listeners.

Add Tracks From Multiple Music Sources and Platforms

Offer a user-friendly experience with built-in shuffle controls and flexible player positioning. Visitors can randomize track order or play through your list sequentially, while you can decide where the player appears — pinned to the top or bottom of your page, or placed inline with your content. This freedom improves accessibility and engagement.

Let Listeners Control Playback With Shuffle and Position Options

Place the Music Player exactly where you want it. You can pin it to the top or bottom of your site, embed it inline within a section, or let it float as a sticky player. This flexibility helps you create the ideal listening experience without affecting your page layout or navigation flow.

Flexible Player Positioning Anywhere on Your Page

The Common Ninja Music Player Widget is quick to install and simple to manage. You can add it to your website, upload tracks, and customize the design in minutes using an intuitive editor. No coding skills are needed, and any changes you make appear instantly on your site.

Set Up Your Music Player Quickly With No Coding Required

The Music Player Widget automatically adapts to different screen sizes, ensuring smooth playback on desktops, tablets, and mobile devices. With its responsive design, users can enjoy uninterrupted listening regardless of how they access your website. This helps maintain both usability and aesthetic quality across platforms.

Ensure Seamless Playback on Any Device or Screen Size

For full creative control, use custom CSS to personalize every aspect of the widget. Modify the layout, animations, colors, or interactions to make your music player unique. This option gives designers and developers the flexibility to create immersive, branded experiences that align perfectly with the rest of the website.

Use Advanced Styling and Animation With Custom CSS

Adding the Music Player to your website is quick and maintenance-free. Simply copy the provided embed code from your Common Ninja dashboard and paste it into your website’s HTML section. Once it’s live, any changes you make in the editor automatically appear on your site, eliminating the need for manual updates.

Embed and Update the Widget Effortlessly

Showcase your audio projects, playlists, or tracks directly on your website. Whether you’re a musician, podcaster, or curator, the Music Player Widget makes it simple to add high-quality audio without coding and reach a wider audience.

Share Your Music Easily

Enhance your website content with immersive background music or curated playlists. You can use the Music Player to add atmosphere to portfolios, storytelling pages, or creative projects. It supports a variety of media formats and helps you create emotional impact through sound.

Add Rich Sound Experiences

Audio keeps users on your page longer. With the Music Player Widget, you can create an experience that captures attention and encourages return visits. Listeners can play, pause, or explore tracks easily while navigating your content, making the experience smoother and more enjoyable.

Improve Visitor Engagement

Use the Music Player widget when you want visitors to listen to audio or playlists without leaving your site. A built in player keeps the experience branded and smooth, letting users play tracks while browsing related content. This is ideal for musicians, podcasters, educators, radio style sites, and brands using audio for mood or storytelling. Supporting multiple formats and sources gives you flexibility without technical setup. Keeping playback on site increases time on page and reduces drop off to external platforms. Visitors also gain confidence that they can consume content easily on desktop and mobile. A clean, reliable music player turns your website into a true listening space and helps you build a direct relationship with your audience through sound.

Cool PHP captcha

MODX extra

App Details

Pricing

App Info

Some of the best Common Ninja extras for MODX

TDEE Calculator

Facebook Feed

Music Player

extras You Might Like

MoneyBird

AWS S3 Media Source

isTeam

cachebuster

MODx Sample Site

Guzzle7

User Import

Elfsight Booking Reviews

Favicons

orphoMan

Discover the best apps for your website

Common Ninja Search Engine

Cool PHP captcha

MODX extra

App Details

Pricing

Check Out the TDEE Calculator Widget

App Info

Some of the best Common Ninja extras for MODX

TDEE Calculator

Facebook Feed

Music Player

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine