<p>Creating TV with select resource in tree</p>

Ilya Utkin 0.1.3-beta1 (11 KB)Other VersionsNeed help installing this extra?

TreeSelect

Showcases quotes in a rotating or sliding manner

Example 1

Example 2

Example 3

Example 4

Example 5

The Quotes Carousel widget comes with the option to change the carousel’s sizes — from small, to large, vertical, or horizontal, you make the widget fit your specific needs.
This flexibility allows you to showcase quotes in various ways, depending on the layout and design of your website. Whether you want to highlight a single quote or display multiple quotes at once, the Quotes Carousel widget can accommodate your needs. With the ability to customize the size, the Quotes Carousel widget gives you complete control over how you present quotes on your website.

Carousel Size

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

Quotes Carousel Arrows & Pagination

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

Slider Speed & Time Per Slide

The Quotes Carousel widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style.
This allows you to create a cohesive look and feel across your website by matching the Quotes Carousel widget's design with the rest of the elements on your website.

Multiple Layouts

The Quotes Carousel widget comes with the option to choose from three types of quote displays — with quote marks, highlighted, or standard.
This feature allows you to present quotes in a way that best suits your website's design and the type of quotes you're featuring. With these different display options, the Quotes Carousel widget allows you to present quotes in a way that is most effective and impactful for your audience and to provide a unique visual experience for your visitors, and make your website stand out.

Multiple Quotes Types

You can choose from a large selection of premade skins to kick-start your design process.
This feature saves you time and effort by providing a variety of ready-made skins that you can use as a starting point for your design. The premade skins have been carefully crafted to suit different website styles and themes, and you can easily customize them to match your brand's colors, fonts, and overall aesthetic. This way, you don't have to start from scratch when designing your Quotes Carousel widget; you can pick a skin closest to your desired design and make minor adjustments to make it perfect for your website. Furthermore, having a variety of premade skins also means that you have a more comprehensive range of options to choose from, ensuring that you'll find one perfect for your website.

Multiple Quotes Carousel Skins

The Quotes 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!
This gives you complete control over the widget's appearance, ensuring that it perfectly matches the design of your website. With the ability to customize all aspects of the Quotes Carousel widget, you can make it stand out or blend seamlessly with the rest of your website. Furthermore, the customization options allow you to create a unique and personalized experience for your visitors. You can also use it to match your brand's visual identity, making it consistent across all website pages. In addition to design, you can customize other features such as the transition effects, the layouts, and the quote displays. All in all, the Quotes Carousel widget provides a wide range of customization options, giving you the freedom to create a truly unique and engaging experience for your visitors.

Fully Customizable Quotes Carousel Widget

The Quotes Carousel 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 more and more people accessing the internet through their smartphones and tablets, your website must be optimized for mobile devices.

Perfectly Responsive Quotes Carousel widget

The Quotes 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

As with all of Common Ninja's widgets, the Quotes Carousel widget also provides the option to add custom CSS, which allows you to take your customization to the next level and be even more creative. Custom CSS will enable you to create custom styles and design elements that are unavailable through built-in customization options.

Custom CSS

Embedding the Quotes Carousel widget on your website is easy, simply copy a single line of code, and paste it into the HTML of your webpage. This allows you to quickly and easily add the widget to your website without any complicated setup or installation process. Once the widget is embedded, it will automatically update with every change you make, so you don't have to worry about manually updating the Quotes widget every time you make a change. This feature can save you a lot of time and effort and ensure that your Quotes Carousel is always up-to-date and accurate.

Easy To Embed Quotes Carousel

With the Quotes Carousel widget, you can enhance your website’s design by displaying powerful quotes. With the ability to change the carousel’s size, and the slider’s options, you will be able to create a quotes carousel that is perfect for your website.
With the Quotes Carousel widget, you can add a dynamic and engaging element to your website that will leave a lasting impression on your visitors.

Use Quotes Carousel to Enhance Design

A major benefit of the Quotes Carousel is that it doesn’t take up much space. Unlike galleries, cards, and other forms that take up a lot of space, the Quotes Carousel can show as many quotes 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 unnecessary pages for different categories.

Save Space On your Website

The Quotes Carousel widget is a perfect way to grab visitors' attention and encourage them to interact with your website.
Not only does it add visual appeal to your website, but it also allows you to showcase meaningful and inspiring quotes that can resonate with your visitors. You can use quotes from famous figures, industry leaders, or even customers to connect with your audience on a deeper level. 

Increased Engagement

Use the Quotes Carousel widget when you want to share inspiring messages, brand values, or short testimonials in a focused way. Rotating quotes draw the eye, create rhythm on the page, and let you show multiple voices inside a small area. You can mix customer praise, expert statements, mission phrases, or impactful statistics framed as one line insights. This works for personal brands, coaching sites, nonprofits, SaaS, and any project that benefits from emotional connection or authority signals. By placing the carousel near calls to action or at key storytelling moments, you reinforce the feelings you want visitors to hold as they decide what to do next.

Quotes Carousel

Get Creative

Add a Messenger chat button to your website, allowing users to start a chat using Messenger.

The Messenger Chat widget features multiple button icons for you to choose from that can complement your design and deliver the message you want to deliver.

Multiple Icons

The Messenger Chat widget features the ability to toggle the messages’ time on or off. Keep it on to show users just how fast your replies are, or remove it completely for a more minimal, visually pleasant chat design.

Toggle Time On or Off

The Messenger Chat widget features full customization options so you can edit the design to fit your needs — change the colors, fonts, spacings and anything else!

Fully Customizable

The Messenger Chat widget app is perfectly 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 Messenger Chat 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

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

You can embed the Messenger Chat widget 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 

Allow users to contact you by Messenger chat for support or for more information that’s not readily available on your website and improve their experience.

Offer Support & Helpful Information with a Messenger Chat

You can expedite your users’ decision-making process by providing quick answers to their questions in a Messenger Chat. The more informed they are, the better decisions they are going to make.

Speed up the Decision-Making Process

Make your users feel important and well taken care of by offering them, a more personalized communication method with the Messenger Chat widget.

Provide a Personalized Experience

Use the Messenger Chat widget when you want to give visitors a direct, familiar way to contact you from any page. Instead of forcing users to search for a contact page or fill in a long form, they can click once and start a conversation inside Messenger, on desktop or mobile. This makes it easier to answer pre sale questions, resolve doubts, and keep leads engaged in real time. It also keeps your communication history in one place, so you can follow up later without losing context. For businesses that already use Messenger with customers, this widget connects your site and your existing support workflow in a simple, low friction way.

Messenger Chat

User Engagement

Messenger Button template 6

Messenger Button template 5

Messenger Button template 4

Messenger Button template 3

Messenger Button template 2

Messenger Button template 1

Showcase progress and completion using animated fill-up circels

Information, like the progress of a goal, is best understood when it’s presented clearly and in a clean way. With a few tweaks and edits, it is possible to create clear and easy-to-follow circle bars.

Clean Design to Better Follow Set Goals

Style 2

People are different, and some love to add a little color, use elegant design, or showcase their personality through the use of creatively-designed circle bars. With full customization options, it is easy to play with the design until you find the right way to represent your personality. 


Customizable To Deliver Any Mood or Personality

Style 4

Style 5

The Progress Circle Bars widget enables you to add multiple circular progress to show the progress of various projects and other relevant topics.

Multiple Circles

The Animated Progress Circles widget features a gentle "filling up" animation in circular progress, showing the progress more vividly and visually attractively.

Progress Circles Animation

The Progress Circle Bars widget comes available with multiple layouts that you can choose from to fit your website’s design & style.

The Animated Progress Circles 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.

Beautiful Progress Circles Skins

The Animated Progress Circles 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 Progress Circles widget is fully responsive and will look great on any device. This feature will put you ahead of your competitors in a mobile-first world.

Perfectly Responsive Progress Circles

The Progress Circles 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.

Progress Circles Easy To Use

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

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

Easy To Embed Progress Circles

With the Animated Progress Circle Bars widget, you can easily show the progress of your projects and inform relevant parties of what stages your project (or various projects) is in. 

Use Progress Circles Showcase Progress

The Progress Circle widget is fully customized. With features like multiple layouts and gentle animation, you can present important information in a visual representation that your users will better understand.

Visual Representation of Data

Specific projects, like a campaign to collect donations, for example, will significantly benefit from a visual representation of how much money has been compiled by encouraging viewers to help complete the Animated Progress Circle Bars. 

Encourage Action with Progress Circles

Use the Progress Circles widget when you want to display progress or completion with a clean, compact visual that stands out in modern layouts. Circles work especially well for dashboards and summaries because they fit tightly into cards, columns, and mobile screens. They can represent percentages, stages, or levels at a glance, helping visitors understand status without reading detailed text. This is ideal for KPIs, fundraising, onboarding steps, course completion, or service performance. Animated fill adds subtle motion that draws attention to your metrics. Clear progress circles reduce confusion, make goals feel tangible, and can motivate users to keep moving forward when progress is part of their journey.

TreeSelect

MODX extra

App Details

Pricing

App Info

Some of the best Common Ninja extras for MODX

Quotes Carousel

Messenger Chat

Progress Circles

extras You Might Like

Text2Image

ImageUpdater

ThemePackagerComponent

Local Weather

dirLister

Google Sitemap Generator

xCountryBlacklist

MODXDashboardWidgetPack

ToggleTVSet

gus

Discover the best apps for your website

Common Ninja Search Engine

TreeSelect

MODX extra

App Details

Pricing

Check Out the Quotes Carousel Widget

App Info

Some of the best Common Ninja extras for MODX

Quotes Carousel

Messenger Chat

Progress Circles

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine