Create, customize, and display product catalogs seamlessly on any website.

Utilize the Catalog widget to sort products into organized categories. An intuitive navigation panel lets visitors swiftly filter by these categories. This enhances the browsing experience, guiding users directly to their desired products.

Catalog Categories

Incorporate a "Call to Action" (CTA) button with the Catalog widget, directly linking to each item. This clickable element streamlines user navigation, leading them effortlessly to more detailed information or purchase pages. Enhance user engagement and potentially increase conversions with this intuitive feature.

CTA button

Using the Catalog widget, showcase a complete profile for each item with a title, description, and image. This holistic presentation ensures visitors receive a clear and concise overview of every offering, enhancing their browsing experience.

Comprehensive Item Details

Integrate a search bar with the Catalog widget to empower your visitors. This feature allows for immediate and accurate product searches, streamlining user navigation and helping them effortlessly find what they're looking for.

Instant Product Lookup

With the Catalog widget, choose between two distinct item layouts. This flexibility allows you to select the visual representation that best suits your content and aligns with your website's design, ensuring a cohesive and appealing user experience.

Tailored Visual Presentation

The Catalog widget offers a range of beautiful skins to choose from. Customize the appearance to match your website's style and vibe, ensuring not only functionality but also a visually appealing and cohesive user experience.

Diverse Aesthetic Catalog Skins

With the Catalog widget, easily integrate via CSV or API to auto-populate your catalog. This ensures your products and items are showcased effortlessly and accurately, minimizing manual input and enhancing the efficiency of your site's content management.

Seamless Integrations

The Catalog widget is designed with ease of use in mind and doesn't require any coding expertise. Its intuitive dashboard, paired with a drag-and-drop interface, empowers you to tailor the widget to your preferences effortlessly. Customize and curate your catalog with just a few simple clicks.

Easy to Use Catalog

With the Catalog widget, you're in the driver's seat when it comes to design. Adjust various elements, from colors and fonts to spacings, ensuring it complements your brand or personal aesthetic. Whether you're aiming for a contemporary feel or a classic touch, the Catalog widget offers a plethora of customization choices, allowing you to achieve the ideal design for your endeavor.

Fully Customizable Catalog Widget

The Catalog widget is more than just a visual asset; it's an essential tool for modern websites. It boasts a fully responsive design, ensuring it adapts gracefully to any device's screen size. In today's mobile-driven world, a site optimized for mobile viewing isn't just a luxury—it's a necessity. And with the Catalog widget, your website will shine on any platform, providing you with a competitive advantage.

Perfectly Responsive Catalog Widget

Dive deep into the design with the Catalog widget's advanced editor, granting you unparalleled control over its aesthetics. Tailor everything, from colors and fonts to layout nuances, suiting your unique taste. For those seeking a more intricate touch, direct CSS editing is at your disposal. Whether aiming for modest tweaks or extensive customizations, our advanced editor ensures your vision comes to life.

Custom CSS for Catalog Widget

Embedding the Catalog widget is as simple as copying and pasting a given code snippet into your webpage's HTML. What's more, the widget's design prioritizes ease-of-use and adaptability. Any modifications made in the Catalog Editor automatically reflect on your site, eliminating the hassle of manual updates and ensuring real-time synchronization.

Easy to Embed Catalog Widget

The Catalog widget allows for a systematic and visually appealing presentation of your items. You can showcase products, services, or any other listings in a structured manner. This organization not only aids in clarity but also aids in user navigation.

Organized Display of Items

By utilizing the Catalog widget, your website gains an edge in professionalism. A well-structured catalog signifies attention to detail and dedication to user experience. As a result, your site's credibility is enhanced, potentially attracting more visitors.

Enhance Site Professionalism

Updating your catalog becomes a breeze with the Catalog widget. You can make real-time changes, ensuring that visitors always access the most recent and relevant information. The widget eliminates the need for manual adjustments or overhauls, saving you time.

Streamlined Updates

Use the Catalog widget when you have many items to present and want a structured, browsable directory instead of scattered product blocks. A catalog organizes entries with images, titles, descriptions, and filters, making it easier for visitors to find what fits their needs. This works for physical products, digital assets, services, courses, or any collection that benefits from clear categorization. You can control how items are grouped and highlighted, which supports merchandising and discovery. A well designed catalog keeps users exploring longer, reduces frustration, and creates a feeling that your offering is both broad and thoughtfully organized.

Catalog

Website Components

Display the latest posts from your Mastodon page

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

Style 3

Style 4

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 6

Your page will look more lively with Mastodon Feed's "ticker" animation that mimics an old news ticker. It can be used to grab the user's attention immediately.

Mastodon Feed 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 Mastodon Feed widget according to your needs, and the preferences of your visitors.

Date & Time Display Settings

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

The Mastodon Feed Refresh Automatically

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

Different Mastodon Feed Types

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

Customize Character Display Length

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

Multiple Mastodon Feed Layouts

Various beautiful skins are available for the Mastodon Feed widget, so you don't have to spend much time customizing it.

Mastodon Feed Multiple Skins

The Mastodon 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 Mastodon Feed widget offers full customization options to make it fit your needs. Change the colors, the fonts, the spacing, and anything else!

Fully Customizable

Any device will look great with the Mastodon Feed widget. You will be ahead of your competitors with this feature in today's mobile-first world.

Perfectly Responsive

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

Custom CSS can be added to the Mastodon Feed widget, as with all Common Ninja widgets.

Custom CSS

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

Easy To Embed Mastodon Feed on your website

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

Group Mastodon Feeds

When toggled on, the Mastodon Feed widget will keep refreshing and updating its content.

Auto Mastodon Feed Refresh

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

Use the Mastodon Feed widget when your brand is active on Mastodon and you want that activity visible on your site. A live feed brings your latest posts into a structured, readable section that updates automatically. This helps visitors discover your voice, announcements, and community interactions without leaving your domain. It is valuable for creators, open source projects, media brands, and organizations with decentralized audiences. Auto updates keep the site feeling current with minimal effort, and short post previews are easy to scan. Embedding the feed also encourages new followers by showing the value of your Mastodon presence directly to website visitors, strengthening consistency across your channels.

Mastodon Feed

Social Feeds

Displays user avatars with ratings for website credibility.

Upload images of your customers or users to visually demonstrate your brand's popularity and credibility. This feature enriches your site with authentic social proof, directly connecting visitors with the faces behind your product or service success stories.

User Avatar Upload

Enable a system within the Social Proof Avatars widget to visually display user satisfaction with customizable ratings, allowing site visitors to easily gauge the value of your offerings. Personalize rating icons to match your brand’s visual identity, ensuring that customer feedback is not only visually appealing but also straightforward for visitors to understand. This level of customization enhances your website’s aesthetic and trustworthiness, ensuring a consistent and engaging user experience that aligns with your brand’s theme and values.

Customizable User Ratings

Embed links with each avatar, offering visitors the opportunity to explore more detailed stories or testimonials. This feature connects your audience to deeper insights about user experiences, enhancing engagement and trust.

Link Integration

Easily set up a title and description for the Social Proof Avatars widget to tell a clear story about how much your customers trust and love your brand. This helps visitors quickly see the value people find in what you offer. It's a straightforward way to boost your website's appeal by highlighting your community's endorsements.

Use Captivating Title and Description

The Social Proof Avatars widget is available with multiple layouts, ensuring it complements your site's design and style. This variety lets you choose the perfect layout to meet both aesthetic and functional requirements, enhancing your website's user experience.

Varied Layouts

Offering a selection of beautiful skins, the Social Proof Avatars widget aligns with your brand and website aesthetics effortlessly. Whether your site's theme is modern, minimalist, or traditional, you'll find a skin that fits perfectly, elevating the visual harmony of your user interface.

Multiple Design Skins

With extensive customization options, you can tweak the Social Proof Avatars widget's design to match your specific needs. Alter colors, fonts, spacing, and more to create a look that's uniquely yours, ensuring the widget integrates seamlessly with your website's theme.

Designed to be fully responsive, the Social Proof Avatars widget guarantees a flawless display on any device. This adaptability is essential for maintaining a consistent user experience across desktops, tablets, and smartphones, catering to all your visitors.

Requiring no coding skills, the Social Proof Avatars widget is remarkably user-friendly. An intuitive dashboard simplifies customization, allowing you to adjust settings and preferences with just a few clicks, making it accessible for website owners of any technical level.

Easy To Use

For those who wish to go beyond the standard customization options, the Social Proof Avatars widget supports custom CSS. This feature is perfect for web developers and designers looking to apply a unique touch or achieve specific design goals, providing maximum flexibility.

Integrating the Social Proof Avatars widget into your website is straightforward, needing just a single line of code. This simplicity ensures that your website can quickly benefit from enhanced social proof, with updates automatically applied to keep the display current without additional effort.

Effortless Embedding on any website

Integrating Social Proof Avatars widget on your website serves as a powerful testament to the trust and satisfaction your users or customers have in your offerings. This visual representation of user endorsements not only enhances your site's credibility but also builds a stronger connection with potential customers, encouraging them to engage with your brand.

Boosts Website Credibility

Social Proof Avatars widget act as a trust badge, subtly conveying the popularity and approval of your products or services. This not only elevates your brand's perception in the eyes of new visitors but also reinforces the loyalty of existing customers, creating a cycle of positive reinforcement for your brand.

Elevates Brand Perception

The dynamic display of Social Proof Avatars widget captures the attention of visitors, fostering a more engaging website experience. By showcasing the high regard of existing users, you naturally encourage new visitors to explore your offerings more deeply, significantly increasing the likelihood of conversion.

Enhances User Engagement

Use the Social Proof Avatars widget when you want to show at a glance that real people are engaging with your product or content. Rows of avatars with ratings or short labels communicate activity and satisfaction in a human, visual way. This is effective near signup forms, pricing sections, and key calls to action. Visitors can see that others like them already participate, which reduces the risk they feel in joining. It works particularly well for communities, courses, apps, and tools where peer presence matters. Social proof avatars turn abstract numbers into faces, which can be far more persuasive.

Social Proof Avatars

User Engagement

Reviews

Enable users to submit and vote on feature suggestions for better development prioritization.

The Feature Voting widget enables visitors to propose their own feature ideas directly on your website. This functionality fosters a collaborative environment, ensuring that user voices are heard and considered in the product development process. By inviting suggestions, you gain valuable insights into what your audience truly wants, driving engagement and innovation.

User-Submitted Feature Suggestions

The Feature Voting widget includes a tagging system that allows you to create and assign tags to user-submitted feature suggestions. This functionality helps categorize and organize ideas efficiently, making it easier to manage and review suggestions. By using tags, you can quickly identify trends and group similar requests, streamlining the prioritization and development process.

Tagging System for Organized Suggestions

The Feature Voting widget includes multiple list layouts, allowing you to display feature suggestions in various formats. Select from different styles to best fit your website's design and user experience goals. This versatility ensures that you can present suggestions in an organized and visually appealing manner, making it easy for users to browse, vote, and engage with the content.

Versatile List Layouts

The Feature Voting widget offers a variety of button layouts to suit your website's design and user preferences. Choose from multiple styles to display the voting buttons in a way that best fits your site’s aesthetic and functionality. This flexibility ensures that the voting experience is seamless and visually appealing, enhancing user interaction and engagement.

Customizable Button Layouts

The Feature Voting widget offers various beautiful skins, enabling you to choose a design that aligns perfectly with your brand and website aesthetics. This variety reduces customization time while enhancing visual appeal.



Select from Multiple Feature Voting Design Skins

Enjoy extensive customization capabilities with the Feature Voting widget. Modify colors, fonts, spacing, and other elements to create a widget that is uniquely tailored to your website's design.

Fully Customizable Feature Voting Widget

The Feature Voting widget is fully responsive, ensuring it looks great on any device. This feature is crucial for maintaining a consistent user experience across desktops, tablets, and smartphones.

Perfectly Responsive Feature Voting

Designed with user-friendliness in mind, the Feature Voting widget requires no coding expertise for customization. Its intuitive dashboard makes it easy to tailor the widget to your preferences with just a few clicks.

Easy to Use Feature Voting Widget

Add custom CSS to the Feature Voting widget to apply your unique touch. This feature is ideal for developers and designers seeking deeper customization options to match their specific style and interaction needs.

Custom CSS for Enhanced Creativity

Embedding the Feature Voting widget on your website is straightforward, requiring just a single line of code. This ease of integration simplifies setup and ensures automatic updates with every change you make.

Effortless Embedding on Any Website

Enhance user participation by allowing visitors to submit their own feature suggestions and vote on others. This interaction keeps your audience engaged and invested in your product development.

Boost User Engagement with Feature Voting

By implementing a Feature Voting widget, you show your users that their opinions matter. This transparency and responsiveness lead to increased customer satisfaction and loyalty.

Increase Customer Satisfaction

Foster a sense of community by allowing users to contribute to the product roadmap. This collaborative environment encourages repeat visits and promotes a loyal user base.

Drive Community Growth

Use the Feature Voting widget when you want your product roadmap to reflect real customer demand rather than assumptions. It gives users a place to submit ideas, upvote existing requests, and comment on priorities. This makes them feel heard and gives you a live view of what matters most to your audience. It is invaluable for SaaS products, apps, and platforms that ship continuously. You can link roadmap updates back to the board so users see that their input leads to action. Over time, feature voting reduces guesswork, aligns teams around clear signals, and helps you invest resources where they will create the most value.

Feature Voting

Prompts visitors to verify their age before viewing restricted content

Age Gate offers several layout options so you can select the structure that best fits your website’s design and content style. Each layout is built to look clean, clear, and consistent across different page types.

Choose from Multiple Age Gate Layouts

Age Gate includes a curated set of icons that you can add to the verification popup. These visual elements help reinforce the message, improve clarity, and create a more polished and trustworthy appearance.

Enhance Your Age Gate with Visual Icons

With customizable display rules, Age Gate lets you control exactly how the verification popup is triggered. You can choose actions such as page exit, scroll behavior, timed delays, or specific page conditions to align with your user flow.

Define When and Where the Age Gate Appears

Age Gate supports multiple validation methods, including confirmation buttons, birth year entry, and full date of birth input. This flexibility allows you to tailor the verification process to your legal requirements and design preferences.

Select the Right Age Verification Method

Age Gate allows you to set a custom redirect URL when a visitor does not meet the required age. Instead of blocking access entirely, you can guide users to another page of your choice, creating a smoother and more considerate browsing experience.

Redirect Underage Visitors to the Right Destination

Age Gate includes a selection of ready made visual skins that help you achieve a professional look instantly. These styles reduce the need for heavy customization while ensuring the popup fits naturally within modern website designs.

Apply Prebuilt Skins for a Polished Age Gate

Age Gate gives you full control over colors, fonts, spacing, and layout details. You can fine tune every visual element to match your brand and website style, all through an intuitive editor without technical effort.

Fully Customize the Age Gate Experience

Age Gate adapts automatically to desktop, tablet, and mobile screens, ensuring the verification popup looks and functions properly on any device. This helps you deliver a consistent experience in today’s mobile first browsing environment.

Responsive Age Gate for Every Device

Age Gate is designed for ease of use and does not require coding knowledge. Using a visual editor with drag and drop controls, you can customize the widget quickly and apply changes in just a few clicks.

Simple Setup with No Technical Skills Required

For advanced design needs, Age Gate supports custom CSS. This allows you to fine tune styles, animations, and layout details for a more tailored integration with your website.

Extend Styling with Custom CSS

Adding Age Gate to your website is quick and straightforward. Copy a single embed code and paste it into your site, and any updates you make will automatically appear on your live pages.

Embed Age Gate in Minutes

The Age Gate allows you to restrict access to age sensitive content, products, or services on your website. By verifying visitor age, you can meet local legal requirements for regulated items such as alcohol, tobacco, or adult content while protecting your business and promoting responsible access.

Safeguard Your Website with an Age Gate

The Age Gate popup is fully customizable, giving you control over its look and feel. You can design a visually appealing verification screen that blends seamlessly with your website style while maintaining clarity and trust for visitors.

Create an Age Gate That Matches Your Site Design

Age Gate includes advanced display rules and redirect options to manage how and when the verification appears. Set custom triggers for showing the popup and automatically redirect underage visitors to another page, ensuring compliance without disrupting the user experience.

Control Access with Smart Display Rules and Redirection

Use Age Gate when your website content or products require visitors to meet a legal age requirement. It blocks underage users from accessing restricted areas and helps reduce compliance related risks for your business. This is especially important for industries such as alcohol, vaping, gambling, adult content, and regulated medical products. The verification popup clearly asks visitors to confirm their age before continuing, setting responsibility upfront. By showing that your site follows regulations, you also build trust with legitimate users. Age Gate provides a straightforward solution that avoids complex access systems while still meeting legal standards. Placing the verification at the entry point keeps the rest of your site uncluttered and ensures only the appropriate audience proceeds.

Age Gate

Popups, Bars & Buttons

Easily create and customize website sections with Section Builder. Multiple layouts and designs.

The Section Builder widget offers a selection of 9 unique layouts, each divided into columns with different structures. This variety allows you to organize your content in a way that best fits your website and meets your specific needs. Whether you need a simple one-column layout or a complex multi-column structure, the Section Builder provides the flexibility to create the perfect design.

Diverse Layout Options for Perfect Organization

The Section Builder allows you to embed other widgets within your sections to enhance functionality and interactivity. By incorporating elements like social media feeds, maps, or forms, you can create dynamic and engaging content that encourages user interaction and enriches the overall user experience.

Enhance Sections with Embedded Widgets

The Section Builder widget offers versatile text formatting options, allowing you to use various text types such as titles and paragraphs. This flexibility enables you to create well-structured and visually appealing content sections that effectively communicate your message and enhance readability on your website.

Versatile Text Formatting Options

The Section Builder widget allows you to easily add buttons to your content sections, enhancing user interaction and engagement. These buttons can link to any page or action, providing a seamless way to guide visitors and improve navigation on your site.

Easily Add Buttons for Enhanced Interaction

The Section Builder widget offers a variety of pre-built content templates, making it easy to create professional-looking sections quickly. These templates are designed to fit different needs and styles, allowing you to choose a layout that best suits your content and enhances the visual appeal of your website

Utilize Pre-Built Content Templates

The Section Builder comes with extensive customization capabilities, allowing you to modify its design to suit your specific requirements. You have the freedom to alter colors, fonts, spacing, and various other elements. This level of customization offers unparalleled flexibility, allowing you to craft a Section Builder that is not only functional but also uniquely tailored to the aesthetic of your website.

Fully Customizable Section Builder Widget

The Section Builder widget is designed to be fully responsive, ensuring it displays elegantly on any device. In an era where mobile optimization is crucial, this feature is key to delivering a consistent user experience regardless of the device being used.

Perfectly Responsive Section Builder

The Section Builder widget is designed with user-friendliness in mind, requiring no coding expertise for customization. Its intuitive dashboard simplifies the customization process, allowing you to tailor the Section Builder to your preferences with just a few clicks. This ease of use makes it accessible for anyone to integrate and modify the Section Builder, regardless of their technical background, enhancing the functionality of your website without the need for specialized knowledge.

Easy to Use Section Builder Widget

The Section Builder widget offers the option to add custom CSS, aligning with Common Ninja’s commitment to flexibility. This feature is ideal for developers and designers seeking to apply their unique touch, allowing for deeper customization of the Section Builder's look and functionality. It provides an avenue for creative expression, ensuring the widget can be finely tuned to match the specific style and interaction needs of your website.

Embedding the Section Builder on your website is simple, requiring just a single line of code. This ease of integration makes it accessible for users of all technical levels. Additionally, the widget updates automatically with every change, ensuring your website always displays the most current version without any extra effort.

Effortless Embedding of the Section Builder on Any Website

The Section Builder widget allows you to create visually appealing content sections, improving the overall look of your website. By utilizing different layouts, you can design sections that match your brand’s style, attracting more visitors and enhancing your site's professional appearance.

Enhance Website Aesthetics with Section Builder

The Content Section Creator offers a range of pre-designed layouts that you can quickly customize to fit your needs. This saves you time compared to designing sections from scratch, allowing you to focus on creating high-quality content without worrying about the technical details.

Save Time with Easy-to-Use Layout Options

The Section Builder widget provides extensive customization options, allowing you to tailor each section to your exact specifications. Whether you want to adjust colors, fonts, or layouts, this flexibility helps you create unique sections that reflect your brand’s identity and meet your specific needs.

Achieve Flexibility and Customization with Section Builder

Use the Section Builder widget when you want to create custom, reusable page sections without rebuilding layouts from scratch each time. You can design structured blocks for heroes, feature rows, testimonials, or footers once and then adapt them across your site. This keeps your visual language and spacing consistent, which improves readability and brand coherence. It is especially useful for teams that iterate often on marketing pages but do not want to involve developers for every change. With a section builder, you can focus on content and strategy while still producing pages that feel polished and coherent end to end.

Section Builder

Allow users to submit support tickets, save submissions, enable notifications, and more

Example 1

Example 2

Use the Support Form widget when you want to manage help requests in an organized, trackable way rather than relying on scattered emails. It lets customers describe their issue, attach relevant details, and choose categories or priorities so your team can respond efficiently. Submissions can be logged as tickets, which supports better follow up, internal collaboration, and reporting on common problems. This is essential for SaaS products, ecommerce stores, and service businesses that receive frequent questions. A clear support form reduces frustration for users, sets expectations for response, and gives you structured data that can guide product improvements and knowledge base content over time.

Discover the best objects for WebSite X5

129 results available

Some of the best Common Ninja objects for WebSite X5

Catalog

Mastodon Feed

Social Proof Avatars

Feature Voting

Age Gate

Section Builder

Support Form

Mega Footer

World Clock

Animated Headline

Medium Feed

Donation Form

Common Ninja Search Engine