DirectResize is a plugin that create thumbnails in real time for the content images using Highslide JS. HighSlide is a JS similar to lightbox / greybox / slimbox and many others but I prefere the Style much more. Instead of poping up and fading out the website it give the user the feeling not to seperate the photo from the page. PRE-REQUIREMENT: I take no Credit for the HighSlide Script. The only thing you have to do is to insert image and resize the image, and a thumbnail will be created automatically, it is very useful when your image takes up space. Develop: <a href="http://yar-it.com/" target="_blank">yar-it.com</a> This version of the plugin is based on idea and developments of Arnaud, the author of previous versions of the DirectResize.

vrtc  1.0.5-pl3 (101 KB)Other VersionsNeed help installing this extra?

DirectResize Revo

The Reviews Badge widget supports multiple review platforms including, Google, Airbnb, Amazon, TripAdvisor, AliExpress, Etsy, and many more! No matter where your customers are leaving reviews, the Reviews Badge widget has you covered, providing an inclusive and comprehensive summary.

Multiple Reviews Platforms

The widget features two badge types — animated and stacked, allowing you to tailor the design to fit your needs. Find the perfect badge type to complement your site's aesthetic and create an engaging user experience.

Choose Your Style: Animated or Stacked

Should you choose the animated badge type, there will be an option to choose the animation type from a list of available options. Make your Reviews Badge stand out by selecting from a variety of eye-catching animations.

Select Your Animation Style

The widget comes with the option that allows choosing its position on the website, making it a very versatile, flexible tool that can be customized to fit your website’s design.

Position Options

The Reviews Badge widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style. Choose from an array of available layouts to seamlessly integrate the Reviews Badge widget into your existing website design.

Pick Your Perfect Layout

The Reviews Badge 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. With a wide array of pre-designed skins, your Reviews Badge will look polished and professional without any additional effort.

Choose from Stunning Skins

The Reviews Badge 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! Tailor every aspect of your Reviews Badge widget to create a look that's uniquely yours.

Endless Customization Possibilities

The Reviews Badge 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. With a design that adapts to any screen size, your Reviews Badge widget will remain user-friendly and attractive across all devices.

Responsive Design for Any Device

The Reviews Badge 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 apps, you can add custom CSS to customize the Reviews Badge widget and be even more creative. For those with coding skills, the option to add custom CSS allows for even more design flexibility and personalization.

Get Creative with Custom CSS

You can embed the widget on your website easily by copying a single line of code. The Reviews Badge widget will also be updated automatically with every change you make. Save time and effort with easy-to-implement code and automatic updates to keep your Reviews Badge current and functional.

Easy To Embed

By displaying a reviews badge widget on your website, you are showing your visitors that your business has a positive reputation and that other customers have had a good experience with your products or services. This can increase trust and credibility, making potential customers more likely to make a purchase.

Increased Trust and Credibility

A review badge widget that not only shows reviews but actively encourages users to leave reviews via a CTA can increase engagement on your website. Visitors are more likely to leave a review if it is easy to do and they see that others have done so, and this can lead to more interactions with your brand.

Increased Engagement

Displaying a reviews badge widget on your website can help increase conversions. When potential customers see positive reviews from other customers, they are more likely to trust your business and make a purchase. Additionally, the call-to-action (CTA) to leave a review can encourage satisfied customers to write a positive review, which can further increase conversions.

Increased Conversions

Reviews Badge

Reviews

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

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

Beautiful Code Themes

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

Multiple Code Snippets

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

AI Code Assistant

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

Formatting Options

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

Syntax Highlighting

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

File Extension Support

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

Easy to Use

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

Fully Customizable

The Code Snippets widget is a valuable tool for any website. Not only is it fully responsive, meaning it will adjust seamlessly to fit the screen size of any device, but it also has a sleek and modern design that will enhance the overall look of your site. In a world where more and more people are accessing the internet through their phones and tablets, it is crucial to have a website that is optimized for mobile viewing. The Code Snippets widget will allow you to do just that, giving you an edge over competitors.

Perfectly Responsive

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Code Snippets widget. With this feature, you can easily customize every aspect of the widget's look and feel, from the colors and fonts to the layout and positioning. But if you're feeling particularly creative, you can take your customization to the next level by editing the CSS directly. This gives you the ability to make even more advanced changes to the widget, allowing you to make it your own. Whether you want to make a few simple tweaks or go all out with advanced customizations, our advanced editor has you covered.

Custom CSS

To embed the Code Snippets widget on your website, simply copy and paste the provided code snippet into the HTML of your webpage. Additionally, the widget is designed to be self-updating, meaning that any changes you make to the Code Snippets Editor will be reflected automatically on your website without the need for any additional manual updates.

Easy to Embed

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

Empower Visual Learning

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

Streamline Code Presentation

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

Implement Code Showcases

Code Snippets

Get Creative

Website Components

Showcases videos in a rotating or sliding manner

Example 1

Example 2

Example 3

The Video Carousel widget supports a variety of video hosting platforms, including YouTube, SoundCloud, Facebook, Vimeo, Twitch, Streamable, Wistia, DailyMotion, Mixcloud, Vidyard, and Kaltura.
With the ability to display videos from multiple platforms, you can provide your website's users with a diverse range of video content catering to different user preferences. This, allows you to leverage the strengths of each hosting platform.

Multiple Video Hosting Platforms

The Video Carousel widget comes with the option to change the carousel’s video sizes — from small, to large, vertical, or horizontal, you make the widget fit your specific needs.
The ability to customize the size and orientation of your video carousel is a valuable feature that can enhance your website's visual design and usability. By having the option to change the size of the video carousel widget, you can ensure that it fits seamlessly into the layout of your website, without disrupting the overall design. Moreover, you can choose between a vertical or horizontal orientation, depending on the type of video content you want to showcase and the layout of your website.

Video Size

With the option to change the arrow types of the slider, and the pagination icons below, you can further customize the widget and make it fit your design requirements.

Arrows & Pagination 

The Video Slider widget comes with the options to control the speed at which the videos slide, and how much time should be spent on the videos. You can use these options to tailor your user’s experience.

Slider Speed & Time Per Slide

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

Video Carousel Multiple Layouts

The Video Carousel 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 ability to fully customize the design of your video carousel is a powerful feature that can help you to create a more cohesive and visually appealing website. By having the option to customize the look&feel, you can ensure that your video carousel matches the style and branding of your website. This can create a more professional and polished appearance, helping to build trust and credibility with your users.

Fully Customizable Video Carousel

The Video Carousel 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 Video Carousel 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 Video Carousel widget your own. This level of customization allows you to create a button that fits perfectly with the look and feel of your website and enhances the overall user experience for your visitors. Whether you're looking to create a sleek, modern design or a more traditional, classic look, the Image Video Carousel and its custom CSS capabilities give you the tools you need to make it happen.

Video Carousel Custom CSS

You can easily embed the Video Carousel widget on your website by copying a single line of code. The Video Carousel will also be updated automatically with every change you make.
Copy the code for the Video Carousel widget and paste it into your website's HTML code.

Easy To Embed Video Carousel

With the Video Carousel widget, you can enhance your website’s design by selecting beautiful videos, and with the ability to change their sizes, and the slider’s options, you will be able to create a Video Carousel that is perfect for your website.

Enhance Design with Video Carousel

A major benefit of the video carousel is that it doesn’t take up much space. Unlike Video galleries that take up a lot of space, the video carousel can show as many videos as you want, from within a fixed position, and in an interactive manner. Additionally, you can create different carousels for different categories, and avoid building additional pages for different categories.

Save Space on your webpage

The Video Carousel widget is a perfect way to grab visitors' attention, promote your services or products, and improve conversion rates. In addition, a video carousel can also provide valuable insights into user behavior and engagement through analytics, allowing you to refine your content strategy and optimize your video marketing efforts.

Use the Video Carousel to Increased Engagement & Conversions

Video Carousel

Media

Detects ad blockers on websites, enhancing ad revenue security.

Choose from a range of beautifully crafted skins for the AdBlocker Detector widget to match your brand and website's look. This feature greatly reduces the time and effort needed for customization while enhancing your site's visual appeal. Whether your website sports a contemporary, minimalist, or traditional design, there's a perfect skin to align with it, ensuring a consistent and attractive user interface.

Multiple AdBlocker Detector Design Skins

Improve your interaction with users who have ad blockers enabled by employing a personalized message accompanied by your choice of icons or images. This feature of the AdBlocker Detector allows you to create a visually engaging alert, informing users that their ad blocker is detected. You have the option to select from a range of icons or upload your own image, crafting a unique and attention-grabbing notification on your website.

Enhance Alert with Icons or Images

When the AdBlocker Detector identifies a visitor using an ad blocker, it presents a customized message. This message can be a polite reminder or an informative alert, informing users about the impact of ad blockers on your site. Utilize this feature to communicate the importance of advertising in supporting your content, while maintaining a professional and consistent tone across your site. This not only educates visitors about the effects of ad blocking but also underscores the value of your content and encourages more responsible web-behavior.

Tailored Message content for Ad Blocker Detection

The AdBlocker Detector widget is engineered to identify a wide range of ad blockers used by visitors. This feature ensures that your website is equipped to detect and respond to numerous ad-blocking tools, from the most common to more niche varieties. The ability to recognize multiple ad blockers is crucial in effectively managing how ad blocking impacts your site's revenue and user experience, ensuring that you have comprehensive insights and control over the advertising display and engagement on your website.

Robust Detection of Various Ad Blockers

The AdBlocker Detector includes a handy refresh button feature. This button becomes visible to users once they have disabled their ad blocker, assisting them in easily refreshing the page. The addition of this refresh button streamlines the process for users, enabling them to immediately see your content without ad block interference. It's a user-friendly approach that simplifies the user's action to comply with your request, enhancing the overall experience on your website and encouraging compliance with your ad-display policies.

Convenient Refresh Button Post Ad Blocker Disabling

With extensive customization options, the AdBlocker Detector can be tailored to your specific design preferences. Adjust colors, fonts, spacing, and more to fit the unique aesthetic of your site. This level of customization provides unparalleled flexibility, allowing you to create an AdBlocker Detector that is not only effective but also uniquely yours.

Fully Customizable AdBlocker Detector Widget

The AdBlocker Detector is designed to display elegantly across all devices. Its responsive design is essential in today's mobile-centric world, ensuring a consistent user experience whether on a desktop, tablet, or smartphone.

Perfectly Responsive AdBlocker Detector widget

This widget is crafted for ease of use, requiring no coding skills for customization. Its intuitive interface simplifies the customization process, allowing for quick and easy adjustments. This accessibility makes the AdBlocker Detector an ideal choice for website owners of all technical backgrounds.

Easy to use AdBlocker Detector widget

For those who desire even more creative control, the AdBlocker Detector offers the option to add custom CSS. This feature caters to developers and designers looking to apply a unique touch, enabling deeper customization to match the specific style and interaction needs of your website.

Enhanced Creativity with Custom CSS in AdBlocker Detector

Embedding the AdBlocker Detector on your website is straightforward, involving just a single line of code. This ease of integration, combined with automatic updates, simplifies maintenance and ensures your website always displays the most current version of the widget without additional effort.


Effortless Embedding of the AdBlocker Detector

The Adblock Detector widget plays a crucial role in safeguarding your digital advertising revenue. By identifying visitors using ad blockers, it enables you to take appropriate actions, such as requesting users to whitelist your site. This proactive approach helps maintain the flow of ad revenue, which is essential for the financial sustainability of many websites.

Enhanced Revenue Protection with Adblock Detector

By addressing the impact of ad blockers, the Adblock Detector can positively influence key website performance metrics. Understanding and managing ad-block usage helps in maintaining healthy traffic levels and engagement rates, crucial factors in the overall performance and ranking of your website.

Boost in Website Performance Metrics

The Adblock Detector aids in protecting the value of your content. By identifying users who bypass ads, you can ensure that the effort and resources put into creating content are adequately compensated through advertising revenue, keeping the content accessible and sustainable.

Protection of Content Value

AdBlocker Detector

Popups, Bars & Buttons

X Feed widgets are equipped with a "ticker" animation, which resembles an old news ticker. Use it to immediately grab the user’s attention.

Add X Feed Ticker Animation

You can display the date and time of the feeds with various options - allowing you to further customize the X Feed widget according to your needs.

Set the X Feed Date & Time Display

You can keep the X  Feed widget updated with new posts by switching on "auto-refresh.".

Auto X Feed Refresh Option

With the X Feed widget, you can choose between Tabs and Mixed feeds. In Tabs, you can arrange your tabs by feed, whereas, in Mixed, you can mix different X feeds so that the feed is more diverse.

Different X Feed Types

A shorter character length makes the Tweet Feed widget more compact, so you can save space.

Character Display Length Customization

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

Various X Feed Layouts 

Several beautiful skins are included with the X Feed widget, so customizing it shouldn't take long.

Beautiful Skins

The X Feed widget provides full RTL support for those who write from right to left. Ensure that your news is accessible to a global audience.

Full RTL Support

With the X Feed widget, you can easily customize the design to meet your needs. You can change color schemes, fonts, spacing, and anything you want!

Fully Customizable X Feed

It looks great on any device and is fully responsive. A mobile-first world will give you an advantage over your competitors. 

Perfect Responsive Design

X Feed widget requires no coding knowledge and is easy to use. We provide an intuitive dashboard with drag-and-drop functionality to allow you to customize widgets the way you like them.

Easy To Use X Feed Widget

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

Copying the code will enable you to quickly embed the widget on your website. You will also receive an update on your X Feed widget when you make a change.

Easy To Embed X Feed on your Website

The X Feed Widget lets you group several X feeds into one page, making them more accessible and quicker to navigate.

Group X Feeds

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

Improve User Experience

The X Feed widget can add a fun element to your page's design. Implementing the "ticker" animation will create a more appealing design for your page.

Enhance Design

X Feed

Social Feeds

Displays a countdown clock, with multiple effects and styles

Example 4

Example 5

The Countdown Bar widget features optional automation that allows you to set the timer to disappear after completion to not confuse new visitors.

Automatic Timer Hiding at Sale’s End

The Countdown Bar features a sticky timer that will stay in a fixed position regardless of how far down the page you scroll.

Sticky Timer

The Countdown Bar widget features a beautiful selection of 20 skins including thematic and seasonal skins that you can use for those holiday promotions, Black Friday promotions, Cyber Monday promotions and other, similar, seasonal promotions.

Over 20 Beautiful Skins

The Countdown Bar 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 Countdown Bar 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 Countdown Bar 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.

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

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

With the Countdown Bar widget, you can create a sense of urgency and encourage your users to make a quick decision for fear of missing out.

Create a Sense of Urgency To Increase Conversions

The Countdown Bar widget will make your sale visible and known to site visitors and help generate interest and encourage users to investigate further.

Make Your Sale Known & Generate Interest

The Countdown Bar widget will draw more users to your website and will open them up to your other products and services. 

Promote Your Other Products & Services

Countdown Bar

Boost Sales

Countdown Bar base template

Countdown Bar Template 10

Countdown Bar Template 9

Countdown Bar Template 8

Countdown Bar Template 7

Countdown Bar Template 6

Countdown Bar Template 5

Countdown Bar Template 4

Countdown Bar Templates 3

Countdown Bar Template 2

Countdown Bar Template 1

Easily embed and customize a Reddit Feed to display fresh content on your website.

The Reddit Feed widget features an auto-refresh option, ensuring your feed is constantly updated with the latest posts. This keeps your content fresh and engaging without any manual effort.

Auto Refresh for Reddit Feed

With the Reddit Feed widget, you can choose between two different feed types: Tabs and Mixed. The Tabs type organizes your feed by specific categories, while the Mixed type combines various Reddit feeds for a diverse content stream.

Different Reddit Feed Types

The Reddit Feed widget offers multiple layout options to seamlessly fit your website's design. Choose the layout that best suits your site's aesthetics and functionality.

Multiple Layout Options

This widget provides a range of beautiful skins, reducing the need for extensive customization. Select a design that aligns with your brand and enhances your site's visual appeal.

Various Design Skins

Customize how the date and time are displayed in your Reddit Feed. This feature allows you to tailor the widget to meet your specific needs and visitor preferences.

DirectResize Revo

MODX extra

App Details

Pricing

App Info

Some of the best Common Ninja extras for MODX

Reviews Badge

Code Snippets

Video Carousel

AdBlocker Detector

X Feed

Countdown Bar

Reddit Feed

Event List

Stories

Personality Quiz

Comparison Tables

Popup Builder

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine

DirectResize Revo

MODX extra

App Details

Pricing

Check Out the Reviews Badge Widget

App Info

Some of the best Common Ninja extras for MODX

Reviews Badge

Code Snippets

Video Carousel

AdBlocker Detector

X Feed

Countdown Bar

Reddit Feed

Event List

Stories

Personality Quiz

Comparison Tables

Popup Builder

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine