YJ Tso 0.9.0-dev1 (187 KB)Other VersionsNeed help installing this extra?

OAuth2Server

Present team members in a stylized and adjustable list format

Example 1

Example 2

Example 3

Example 4

The widget features six layouts with varying image sizes and text layouts, supporting both horizontal and vertical design to make sure that the Team Members widget fits your design requirements.

Team Members List Multiple Layouts

The Team Members widget features the option to enable a gentle animation that the user will see when first accessing the Team Members List, to make the page less static and more appealing.

Gentle Intro Animation

You can add images of your team members to make them instantly recognizable and further increase trust in your company.

Add Images to the Team Members List

The Team Members Widget comes with various beautiful skins that you can choose from, so you don’t have to spend much time on extensive customization.

Multiple Team Members List Skins 

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

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

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

Custom CSS

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

Easy To Embed Team Members Widget

The Team Members widget comes available with a list of popular social networks, the icons of which will be displayed in a visually appealing manner on the card. You can add links to websites, emails, LinkedIn profiles, Facebook profiles, and GitHub profiles. Additionally, you display positions and make them visible on the cards so the user better knows who’s who in the company. 

Positions & Links to Popular Social Networks

The widget enables you to show your team in a nice, structured, and easy-to-read way. You can further customize the list, to make team members stand out.

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.

Show your team members to Increase Trust

The Team Members widget 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 with a Team Members List

Use the Team Member List widget when you want a straightforward, professional way to introduce your team with clear structure and zero distraction. A stylized list lets visitors see names, roles, photos, and short bios in a predictable layout, making it easy to understand who does what. This is valuable for companies that sell expertise, such as agencies, SaaS teams, consultants, clinics, and nonprofits. When visitors can quickly identify the people they will interact with, trust increases and hesitation drops. The list format also scales well as your team grows, keeps your about page tidy, and strengthens credibility by showing that your company is supported by real specialists.

Team Member List

Lists & Cards

Present a side panel showcasing, updates, change logs, and news.

The Announcements & Updates widget offers the ability to create beautiful, floating buttons to improve your website’s design and make navigation easier.

Floating Buttons

The Announcements & Updates widget features notification badges that can be toggled on or off. Add a nice reminder to your users that you have important news for them.

Notification Badges

The Announcements & Updates 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

Announcements & Updates 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 Announcements & Updates 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 announcements & Updates 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 widgets, you can add custom CSS to customize the Announcements & Updates widget and be even more creative.

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

Easy To Embed

Make sure that your users know of any new products, services, features, or upcoming sales with the Announcements widget. The more informed they are, the more likely they are to become interested in what you offer.

Promote Your Products and Services with the Announcements  widget

With Announcements & Updates, you can keep your users up to date regarding any and all relevant news about your products, services, features, and releases.

Provide Updates On New Features & Releases

Share exciting news with your users and get them excited as well. Milestones, new offices, new employees, upcoming events — this information is worth sharing!

Share Exciting Information with the Announcements Widget

Use the Announcements widget when you have recurring updates that should be easy to find but not intrusive. It creates a dedicated panel or section for product changes, release notes, company news, and important notices. Instead of spreading updates across scattered blog posts or emails, you centralize them in one clear stream that lives inside your site. This is especially useful for SaaS products, online tools, and communities that ship new features regularly. Visitors can quickly see what is new since their last visit and understand how changes affect them. Over time, a well maintained announcements area builds trust by showing that the product is active and improving.

Announcements

Popups, Bars & Buttons

Shows images in a Slideshow sequence that transitions from one slide to the next.

The Slideshow widget lets you control how each slide is displayed so it fits your layout and content. You can switch between different image sizes and orientations, such as small, large, vertical, or horizontal, depending on what looks best on your page. Each slide can also include a caption, which helps you add context, explain what visitors are seeing, or guide them toward another section or page. Navigation between slides is simple, so users can move through the Slideshow without friction.

Control Slide Size, Orientation, and Captions

You can customize the Slideshow widget to match your site’s visual style in detail. Adjust colors, fonts, spacing, borders, backgrounds, and other design elements until the Slideshow feels native to your page. This makes it easy to use the widget across different sections of your site while keeping a consistent look, whether you want something minimal or more branded.

Customize the Slideshow Look to Match Your Site

The Slideshow widget is fully responsive, so slides scale smoothly across desktop, tablet, and mobile. Images remain sharp, controls stay usable, and captions remain readable at every screen size. Since many visitors browse on phones, having a responsive Slideshow helps keep the visual experience clear and interactive without forcing extra zooming or scrolling.

Responsive Image Slideshow Across Devices

The Slideshow includes clear navigation controls such as arrows and pagination indicators. Arrows let visitors move forward or backward one slide at a time, while pagination dots or numbers show how many slides exist and where the visitor is in the sequence. These controls make the Slideshow easy to explore and help users understand that more content is available within the same visual frame.

Choose Navigation Arrows and Slide Indicators

The Slideshow widget lets you customize how visitors move between slides. You can choose different arrow designs and select the pagination style shown below the slides, such as dots or other indicators. This helps you match the controls to your website’s UI so the Slideshow feels consistent with your overall design, while still making navigation clear.

You can control how quickly the Slideshow transitions and how long each slide stays visible when autoplay is enabled. Adjusting speed and delay lets you shape the viewing rhythm, whether you want a calm, gallery like flow or a faster sequence for short highlights. These settings help align the Slideshow behavior with the type of content you are showing.

Set Autoplay Speed and Slide Timing

The Slideshow widget includes several layouts you can pick from depending on where you place it. You might choose a classic single slide view, a layout that shows part of the next slide, or a more structured frame that fits a specific section. Having multiple layouts makes it easier to integrate a Slideshow into different page types without redesigning the area around it.

Multiple Slideshow Carousel Layouts

The Slideshow widget is designed to be simple to build and update. You can add slides, reorder them, edit captions, and adjust design or behavior settings through a straightforward editor, without needing code. This lets anyone on your team manage the Slideshow quickly and keep it current as your visuals change.

Simple No Code Slideshow Editor

The Slideshow widget supports custom CSS, giving developers and designers deeper control beyond the built in settings. You can create your own styles for slide layout, transitions, captions, spacing, and responsive behavior. This is useful when you want the slideshow to follow a specific design system or include visual details that are not available in the standard editor.

Custom CSS for Slideshow Styling

Adding the Slideshow widget to your site takes one line of embed code. Copy the snippet from the editor and paste it into your page HTML or platform embed area. After embedding, the Slideshow updates automatically whenever you change slides, captions, design, or behavior settings, so you do not need to reinstall or replace the code.

Easy to Embed Slideshow on Any Website

The Slideshow widget helps you add a focused visual area to a page without overcrowding it. You can choose strong images, control their size, and set how slides transition, so the Slideshow fits your design and supports the content around it. This makes it easier to create a polished section that looks intentional rather than improvised.

Improve visual layout with a Slideshow

If you need to show several related visuals, a Slideshow gives you a clear way to display them together. Instead of spreading images across the page, you can keep them in a single sequence that visitors can click through. This is useful for portfolios, project highlights, case studies, or any page where images are part of the story.

Present work and images in one organized place

A Slideshow naturally invites users to engage by moving between slides. Visitors tend to spend more time looking through images when they are presented as a sequence, especially on landing pages or feature sections. This keeps attention on the content you want to highlight and supports deeper browsing.

Encourage interaction with your content

Use the Slideshow widget when you want to present multiple visuals that support one idea, but you do not want them to take over the page. Instead of placing images one after another in a long stack, a Slideshow cycles through them inside a compact area. This keeps the layout tidy and lets visitors move through the visuals at their own pace.

A Slideshow works well for showing product views, service examples, customer stories with photos, or step by step sequences. Because the slides stay in one focused frame, the important content around them stays visible and your page feels more structured. This is especially useful in hero sections, above the fold areas, and landing pages where you want to add visual depth without crowding the screen.

OAuth2Server

MODX extra

App Details

Pricing

App Info

Some of the best Common Ninja extras for MODX

Team Member List

Announcements

Slideshow

extras You Might Like

lessPHP plugin

amazonSES mailing list

StreamPage

mhPayPal

modHybridAuth

FileSluggy

mxFirstParentWithField

TVCollector

SegmentTracker

Archivist

Discover the best apps for your website

Common Ninja Search Engine

OAuth2Server

MODX extra

App Details

Pricing

Check Out the Team Member List Widget

App Info

Some of the best Common Ninja extras for MODX

Team Member List

Announcements

Slideshow

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine