Valentin Rasulov 1.1.0-pl4 (11 KB)Other VersionsNeed help installing this extra?

RezImgCrop

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

Example 1

Example 2

Example 3

Example 4

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

Use the Animated Headline widget when you want your main message to be impossible to ignore without relying on heavy graphics. Headlines are where visitors decide whether to keep reading, so animation here can focus attention at exactly the right place. You can cycle through key benefits, use cases, or audience types using a single compact line of text, which lets you address multiple segments without clutter. This works well in hero sections, campaign pages, and product launches. The movement draws the eye, but the content stays readable and direct, helping visitors grasp what you offer in only a few seconds.

Animated Headline

Get Creative

Show image and text cards of your skills, that when clicked, flip to reveal additional content on the other side

The Skill Flip Cards app comes available with six different layouts that can fit any design, from smaller images and larger text to images on the side, in circles, squares, and more!

Multiple Layouts

The Skill Flip Cards app features the ability to add icons, instead of images, and sports a large selection of icons that can be used.

A Large Selection of Icons

The Skill Flip Cards 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

As befits a flip card, the app comes available with a fluid flip animation that will make your page more interactive, look more lively, less static and not boring.

Flip Animation

The Skill Flip Cards 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.

Beautiful Skins

The Skill Flip Cards 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 Skill Flip Cards 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.

Perfectly Responsive

The Skill Flip Cards 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 Cards Widget

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

Custom CSS

You can embed the app on your website easily by copying a single line of code. The Skill Flip Cards app will also automatically update with every change you make.

Easy To Embed 

With the Skill Flip Cards 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 Skill Flip Cards app is not only good for providing relevant information, but also for enhancing a website’s design.

Improve Design

The Skill Flip Cards 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

Use the Skill Flip Cards widget when you want to show abilities in a way that is both structured and interactive. The front of each card can display a skill name, icon, or short label, while the back adds context such as level, tools, or examples. This makes it easy for visitors to scan broadly and dive deeper only where relevant. It is ideal for portfolios, resumes, team pages, and service sites that need to prove expertise without long text blocks. The flip interaction adds energy and improves memory because users actively reveal details. A clean grid of skill cards also helps organize complex profiles into clear, comparable units.

Skill Flip Cards

Lists & Cards

Create customizable leaderboards to display rankings and track participant scores.

Make every leaderboard feel personal and relatable by adding custom participant names and profile images. This feature lets visitors immediately recognize who is leading, creating a more human and engaging experience. Adding faces and names to your leaderboard turns simple data into meaningful stories, helping users connect with top performers and inspiring others to join the competition.

Customize Participant Names and Images

Present scores in a clear and intuitive way by customizing the symbols and labels that appear next to each result. You can add icons such as trophies, stars, or coins to visually represent achievements, and include prefixes or suffixes like a dollar sign or the abbreviation “pts” to define the scoring type. The widget also supports custom text labels, giving you the flexibility to create any score format you need. These options make the leaderboard easier to read and visually consistent with your site’s theme.

Customize Score Icons, Prefixes, and Suffixes for Clarity

Create a leaderboard that fits your exact goals by adding custom fields to each participant’s record. This feature lets you include additional details such as achievements, ranks, or performance metrics that matter most to your audience. You can easily adapt the layout to show all relevant data in one clear view, whether it is for sales competitions, gaming events, or classroom performance tracking. The flexibility of custom fields allows you to design a leaderboard that reflects your unique requirements without compromising simplicity.

Add Custom Fields for a Tailored Leaderboard

Give participants a visual way to track their progress toward defined objectives. The built-in progress bar lets you set specific goals, such as points earned, sales targets, or milestones completed, and display how close each participant is to reaching them. This visual cue makes it easy for users to see progress at a glance and keeps them motivated to keep improving. A well-designed progress bar adds movement and purpose to your leaderboard, making it both informative and engaging.

Display Goals with a Progress Bar for Each Participant

Recognize outstanding performance by featuring the top three positions in a distinct podium layout. The leaderboard automatically gives first, second, and third place participants a special display that draws attention to their achievements. This visual emphasis helps celebrate success, motivates others to climb the ranks, and strengthens the sense of healthy competition within your community.

Highlight Top Performers with a Podium Display

Use the scoring format that best fits your competition or event. The Leaderboard Widget supports numerical values, time-based results, and other custom scoring types. This flexibility ensures your rankings are always accurate and meaningful, whether you are tracking fastest times, highest scores, or accumulated points. The system automatically adjusts rankings according to your chosen format, so you can focus on performance rather than data management.

Flexible Score Types for Accurate Tracking

Select from a range of design skins to match the style and tone of your website. Each layout is crafted to look modern, professional, and consistent with different branding styles. Whether your site’s design is minimal or vibrant, the available skins make it simple to create a leaderboard that fits seamlessly without extra design work. This saves time while ensuring your leaderboard always looks polished and visually appealing.

Choose from Multiple Design Skins

The Scoreboard Widget provides complete flexibility in design, allowing you to adjust colors, fonts, spacing, and layout so that the leaderboard fits naturally within your website’s style. Every visual element can be personalized to match your brand identity, helping you create a seamless and polished experience for your visitors. Whether your design is minimal or expressive, the customization tools make it easy to create a leaderboard that looks professional and performs reliably.

Fully Customizable Scoreboard Widget

The Leaderboard Widget is built to perform beautifully on every screen. It automatically adapts to desktops, tablets, and mobile phones, ensuring that rankings remain clear and interactive on any device. This responsive design guarantees that all visitors enjoy the same smooth experience, no matter how they access your site. Consistency across devices builds trust and keeps users engaged with your leaderboard wherever they are.

Responsive Leaderboard Display for All Devices

The Leaderboard Widget is built for speed and simplicity. You can create and customize your leaderboard without writing a single line of code. Its visual editor makes setup straightforward, allowing you to manage names, scores, and layouts quickly while maintaining a professional design. The process is intuitive, reliable, and fast, helping you launch interactive leaderboards in minutes instead of hours.

Simple, No-Code Leaderboard Setup

For developers or designers who want complete creative control, the widget supports custom CSS. You can modify every visual element, from typography and colors to animations and layout behavior. This feature gives you the freedom to integrate the leaderboard seamlessly with your site’s design system and branding. Whether you are fine-tuning spacing or adding animation effects, the custom CSS option lets you perfect every detail.

Advanced Styling with Custom CSS

Adding the leaderboard to your website takes only a few seconds. Simply copy the provided code snippet from your Common Ninja dashboard and paste it into your site’s HTML. The widget integrates instantly and updates automatically whenever you make changes, so your leaderboard always displays the latest results without manual edits. This easy embedding process makes the widget accessible to users of all skill levels, from marketers to developers.

Quick and Simple Embedding on Any Website

The Common Ninja Leaderboard Widget helps turn ordinary participation into active engagement. By displaying top performers directly on your website, you create a visible sense of progress and friendly competition. Participants stay motivated to improve their performance because their achievements are recognized in real time. This builds momentum, keeps users coming back, and strengthens your platform’s community.

Drive User Engagement with an Interactive Leaderboard

Use the leaderboard to celebrate accomplishments and highlight standout performers. The visually clear ranking and podium layout make recognition public and meaningful, which encourages others to aim higher. By showcasing results this way, your site becomes more interactive and rewarding for users, building loyalty and inspiring continued participation.

Showcase Achievements with a Scoreboard Display

The Leaderboard Widget is designed to fit almost any purpose. It can track sales performance, display rankings for online games, monitor competition results, or rank participants in educational and corporate challenges. You can adjust design, colors, data fields, and scoring methods to match your exact needs. Whether your goal is to motivate employees, engage students, or inspire community members, the widget adapts easily and blends naturally with any website.

A Customizable Leaderboard for Every Use Case

Use the Leaderboard widget when you want to introduce friendly competition that keeps people engaged over time. Ranking participants by points, scores, or achievements gives users a clear sense of progress and status. This is powerful for challenges, learning programs, sales teams, communities, games, and loyalty activities. Public rankings motivate participants to return, improve, and stay active so they can climb or hold their position. You can highlight top performers, show trends, and connect rewards or recognition to ranking. A visible leaderboard turns isolated interactions into an ongoing experience and strengthens the sense that your site or program has an active, invested community.

Leaderboard

Gaming

User Engagement

Display rankings and performance data using fully configurable score boards

Make your Scores Board feel more engaging by displaying participant names and profile images. Showing who is behind each score helps visitors quickly recognize leaders and adds a human layer to the competition. By pairing results with real identities, the Scores Board turns raw numbers into relatable progress stories that encourage connection and participation.

Personalize Rankings with Participant Names and Avatars

Improve score readability by customizing the visual elements shown next to each result. Scores Board allows you to add icons such as medals, stars, or symbols to represent achievements, along with prefixes or suffixes like currency signs or point labels. You can also define custom text indicators to match your scoring logic, ensuring results are easy to understand and visually aligned with your website.

Clarify Scores with Custom Icons and Value Labels

Tailor your Scores Board to your exact use case by adding custom fields to participant entries. Include additional data such as rankings, milestones, performance indicators, or category specific metrics that matter to your audience. Whether you are tracking competitions, classroom progress, or team performance, custom fields give you the flexibility to display meaningful information without overcomplicating the layout.

Extend Your Scores Board with Custom Data Fields

Allow participants to clearly see how close they are to reaching defined targets using built in progress indicators. Scores Board lets you assign goals such as points, sales numbers, or completed milestones and visually display progress for each participant. This immediate feedback makes performance easy to understand at a glance and encourages continued improvement. Progress indicators add a sense of motion and direction, making the Scores Board more dynamic and motivating.

Visualize Progress with Goal Based Indicators

Highlight top performers by presenting the first, second, and third positions in a dedicated podium style layout. Scores Board automatically emphasizes these rankings, giving extra visibility to standout achievements. This clear recognition rewards success, inspires others to aim higher, and reinforces positive competition across your audience.

Showcase Leading Participants with a Podium View

Scores Board lets you choose the scoring structure that best matches your use case. You can track numeric values, time based results, or custom score types depending on how performance should be measured. Rankings update automatically based on the selected format, ensuring results stay accurate and easy to interpret whether you are comparing speed, totals, or cumulative achievements.

Support Multiple Scoring Formats with Precision

Choose from a variety of pre designed skins to align the Scores Board with your website’s visual identity. Each skin is built to look clean, modern, and professional across different design styles. Whether your site is simple or visually bold, these skins help your Scores Board blend in naturally without requiring additional design effort.

Apply Design Skins That Match Your Website Style

Create a scores board that feels like a natural part of your website instead of a separate component. You can control visual elements such as colors, typography, spacing, and layout to align the board with your brand identity. This flexibility allows you to present rankings in a polished, consistent way, whether your design approach is clean and minimal or bold and expressive.

Design a Scores Board That Matches Your Brand

Your scores board automatically adjusts to different screen sizes, providing a smooth experience on desktop, tablet, and mobile devices. Rankings remain easy to read and interact with regardless of how visitors access your site. This consistency across devices helps build trust and keeps users engaged wherever they are.

Ensure Rankings Look Great on Every Device

Launching a scores board does not require development skills or complex configuration. Using a visual editor, you can manage participants, scores, and layouts quickly and intuitively. The setup process is designed to be fast and reliable, allowing you to publish interactive rankings in minutes.

Set Up a Scores Board Without Technical Effort

For teams that need deeper control, custom CSS can be applied to refine the appearance and behavior of the scores board. You can adjust typography, spacing, transitions, and animations to fit an existing design system. This option gives designers and developers the freedom to perfect every detail.

Fine Tune the Scores Board with Custom CSS

Embedding the scores board is simple and fast. Copy a single code snippet and paste it into your website’s HTML or embed area. Any changes you make later are reflected automatically, ensuring your rankings always stay up to date without manual updates.

Add the Scores Board to Any Website in Seconds

Scores Board transforms passive involvement into active participation by displaying rankings and results directly on your website. By making progress visible, it creates a sense of momentum and friendly competition. Participants are encouraged to improve when their scores are tracked and updated, helping keep users engaged and returning regularly while strengthening your community.

Increase Participation with an Interactive Scores Board

Scores Board is built to support a wide range of use cases. You can track sales results, rank players in games, display competition outcomes, or organize scores for educational and workplace challenges. Design options, data fields, and scoring rules can be tailored to fit your goals, allowing the Scores Board to adapt seamlessly to any website or audience.

A Flexible Scores Board for Any Scenario

Scores Board lets you spotlight achievements and recognize leading participants in a clear, structured way. Rankings and podium style layouts make accomplishments easy to understand and publicly visible, motivating others to compete and improve. This approach adds an interactive and rewarding layer to your site, encouraging loyalty and ongoing engagement.

Highlight Results and Top Performers with a Clear Score Display

Scores Board

Showcase TikTok videos on your site with a customizable, engaging slider

Bring your TikTok videos to life on your site with customizable color schemes and engaging hover effects, making each video a captivating discovery.

Dynamic Color Effects and Interactive Hover

Your website will always feature the latest from your TikTok, thanks to the widget's auto-refresh capability, keeping content fresh and engaging.

Continuously Updated TikTok Content

Transform every TikTok video in your slider into an interactive journey, leading viewers directly to your TikTok profile for more engagement.

Clickable Content for Enhanced Interaction

With the TikTok Slider, you're in full control of its appearance, allowing a perfect blend with your website's theme and enhancing the visual appeal.

Complete Customization of Your TikTok Slider

designed with simplicity in mind, allowing easy customization and integration without the need for any coding knowledge. 

Easy to use TikTok Slider

Ensures your TikTok content displays beautifully across all devices, providing an optimal viewing experience for every visitor.

Fully Responsive Design

Offers the flexibility to use custom CSS, allowing for deeper customization to perfectly match the aesthetic and functionality needs of your website.

Custom CSS for Advanced Styling

Embedding the TikTok Slider into your website is hassle-free, offering a straightforward way to add dynamic TikTok content to your online presence.

Easy to integrate on any website

Merge your TikTok clips with a slider format to significantly increase user interaction on your site, turning viewers into active participants.

Elevate Engagement Through TikTok Slider

By featuring your TikTok content in an appealing slider on your website, you not only enrich site engagement but also pave the way for increased TikTok followers.

Boost Your TikTok Presence

With the TikTok Slider, your website stays vibrant, automatically showcasing the newest TikTok content, keeping your audience captivated with zero additional effort.

Automatic Content Renewal

Use the TikTok Slider widget when short form video is central to your brand and you want that energy visible on your site without overwhelming the layout. A slider lets you present multiple TikTok clips in a neat strip that visitors can explore at their own pace. This is ideal for creators, ecommerce brands, restaurants, and local businesses that use TikTok heavily for discovery. Embedding the slider keeps your site fresh, shows personality, and increases the chance that site visitors become followers. It also gives your best performing videos a second life as part of your owned web experience.

TikTok Slider

Social Feeds

Images & Galleries

Display the latest posts from your WordPress site

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

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

Style 4

Style 5

The WordPress Feed widget comes with a “ticker” animation that imitates an old news ticker and adds a sense of action to your page. Use it to immediately grab the user’s attention.

Ticker Animation

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

Date & Time Display Settings

The WordPress 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 WordPress Feed widget — Tabs and Mixed. The Tabs type keeps all your tabs organized by order of feed, while the Mixed type, mixes the various WordPress feeds to create a diverse feed.

Different Feed Types

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

Customize Character Display Length

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

The WordPress 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 WordPress 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 WordPress  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!

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

The WordPress 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 WordPress Feed Widget

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

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

Easy To Embed

Using the WordPress Feed widget, you can organize and group WordPress feeds into one page, making them more accessible and faster to access.

Group WordPress Feeds

You can make it easier for your readers to access WordPress feeds by grouping them on one page. 

Improve User Experience

You can customize the WordPress Feed widget to enhance the look and feel of your site. Adding a gentle "ticker" animation to your page can enhance its design.

Enhance Design

Use the WordPress Feed widget when your site relies on WordPress content and you want to surface recent posts in a clean, auto updating section. Many visitors arrive through one page and never see the rest of your blog, so a feed helps them discover new articles without searching. It is ideal for homepages, category pages, or sidebars where you want a steady stream of fresh material. Auto updates keep the site feeling alive and reduce maintenance time. With a structured layout for titles and snippets, visitors can scan quickly, click into what interests them, and stay engaged longer. The feed also supports internal linking, which helps overall site navigation.

WordPress Feed

Slide in panel that appears from the top or bottom to display offers, updates, or actions clearly.

The widget comes with three different panel types that you can choose from to better fit your design and needs. Furthermore, each panel type is customizable, enabling you to match your brand's colors, fonts, and other visual elements for a cohesive and on-brand user experience.


Different Panel Types

The widget features different button layouts that can further help you customize your panel to fit your requirements. The various button layouts offer a versatile and efficient method to interact with visitors to your website, whether you want to draw attention to a limited-time deal or highlight a new product.


Multiple Button Layouts

The widget has various button animations that are sure to draw the user’s attention and encourage them to click on the button. To make it more appealing to your consumers, you can also alter the button animations in accordance with the design language of your website or brand.

Various Button Animations

Use the Slide In Panel widget when you want to deliver an important message or offer without covering the entire screen. The panel appears from the top or bottom and can hold text, forms, buttons, or media while leaving most of the page visible. This makes it well suited for announcements, cookie information, secondary calls to action, or targeted promotions tied to behavior. Because it feels lighter than a full overlay, visitors are more likely to read the content instead of closing it immediately. You can time or trigger the panel based on key events and keep the main layout cleaner by moving less central content into this flexible, attention grabbing space.

RezImgCrop

MODX extra

App Details

Pricing

App Info

Some of the best Common Ninja extras for MODX

Animated Headline

Skill Flip Cards

Leaderboard

Scores Board

TikTok Slider

WordPress Feed

Slide-In Panel

Vimeo Feed

Corner Pop-up

Size Chart

All In One Chat

Currency Converter

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine

RezImgCrop

MODX extra

App Details

Pricing

Check Out the Animated Headline Widget

App Info

Some of the best Common Ninja extras for MODX

Animated Headline

Skill Flip Cards

Leaderboard

Scores Board

TikTok Slider

WordPress Feed

Slide-In Panel

Vimeo Feed

Corner Pop-up

Size Chart

All In One Chat

Currency Converter

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine