<p class="headings headings-small secondary-font font-weight-bold desc-block-title">Overview</p> <div class="primary-text regular-text text">Add a menu designed for mobile device ! </div> <p class="headings headings-small secondary-font font-weight-bold desc-block-title">Gallery</p>

Community developer

Menu For Mobile

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

Allow users to register for courses and classes, save submissions, enable notifications, and more

Example 1

Example 2

Example 3

Example 4

The Course Registration Form Widget offers a variety of customizable fields to create the perfect course registration form for your needs. You can easily tailor the form to suit your requirements and objectives by selecting from a range of field types. To add a field, simply click on the "Add Field" option and choose from the available options. With our drag-and-drop functionality, you can also effortlessly adjust the field order to create the perfect registration form.

Customizable Fields for Course Registration Form

The Course Registration Form Widget simplifies the collection and organization of all registrant data in a clear and accessible format. This feature streamlines the tracking of registrations, ensuring that you can review and respond to registrants more quickly and effectively. With our widget, you can easily manage and access all the information submitted in the form, making it easier to keep track of your course registrants.

Easy Collection of Course Registrant Data

The Course Registration Form Widget's export functionality for registrant data to a CSV file offers significant benefits in terms of efficient registration organization and integration with other tools. This feature allows for easy transfer of registrant data to other applications or tools, making in-depth analysis and integration more accessible. For organizations seeking to maintain a comprehensive record of registrant information for data analysis, reporting, and management purposes, this feature is an invaluable asset. 

Export Course Registrant Data to CSV

The Course Registration Form widget makes it simple to accept payments from your users. Whether you’re offering classes, workshops, or training sessions, this feature allows you to integrate secure payment options directly into your form. With an intuitive setup and dependable payment processing, you can streamline the registration process while delivering a seamless experience for your participants.

Collect Payments Directly Through Your Course Registration Form

By incorporating designated fields for course registration such as Personal Information, Course Selection, and Course Prefered Time, you can gather important information that can help you manage your courses more efficiently. By including fields such as Preferred course dates, special requirements or accommodations, and payment options, you can provide a more personalized and streamlined registration experience for your students.

Key Fields for Course Registration Form

Incorporating headings, descriptive text, and visuals into your course registration form enables a more engaging and intuitive registration experience for students. Including informative form elements can guide registrants through the process, promoting a seamless experience and increasing the chances of successful registrations. With the ability to customize the form with text, images, and other visuals, you can create a registration form that is not only functional but also visually appealing and easy to navigate.

Enhance Your Course Registration Form with Text and Images

With the Course Registration Form Widget, you have the option to personalize your registration form's header and footer, including the ability to add images. This feature offers an excellent opportunity to enhance your brand presence and create a professional, visually appealing form that seamlessly integrates with your website's overall design.

Personalize Headers & Footers

The Course Registration Form Widget also includes the option to enable notifications for both the form owner and the registrant. You can activate automated email notifications for each form submission, send them to multiple recipients, and also dispatch a confirmation email to the registrant upon successful registration. 

Receive Notifications for New Course Registration Submissions

The Course Registration Form allows you to enable the CAPTCHA anti-spam feature, which registrants must complete before submitting their registration. This functionality helps prevent bots and automated scripts from submitting spam entries through your registration form, ensuring that you receive authentic registrations from genuine students. 

Prevent Spam in Your Course Registration Form

The Course Registration Forms ensures HIPAA compliance, offering end-to-end data encryption and role-based access management to protect sensitive information. Seamless integrations, including a HIPAA-compliant API and support for tools like Google Sheets and EMR systems, enhance functionality. Additionally, activity tracking and audit logs provide full transparency over data access.

HIPAA Compliance for Secure Forms

The Course Registration Form Widget comes with a variety of beautiful skins that you can choose from to quickstart the design process and save time on extensive customization. These pre-designed skins cater to different aesthetics, allowing you to easily match your form with your website's look and feel.

Various Course Registration Form Styles

The Course Registration Form Widget provides comprehensive customization options, enabling you to tailor the design to meet your specific requirements. From adjusting colors and fonts to modifying field layouts, you have complete control over the form's appearance and functionality. With our widget's user-friendly interface, you can easily customize the form to match your website's design and create a seamless registration experience for your students.

Fully Customizable the Course Registration Form

The Course Registration Form Widget is fully responsive and will look great on any device. Having a form that is optimized for mobile viewing is essential in a world where more and more people are accessing the internet through their phones and tablets. With our widget, you can create a registration form that is perfectly responsive and provides a seamless registration experience on any device.

Perfectly Responsive Course Registration Form

The Course Registration Form Widget is simple to use and doesn't require any coding expertise. Within a few clicks, you can customize the form to your liking using our intuitive interface, making it an effortless experience.

Easy-to-Use Course Registration Form Widget

Our advanced editor is a robust tool that grants you full control over the Course Registration Form Widget's appearance. With this feature, you can effortlessly personalize every aspect of the widget's design, from colors and fonts to layout and positioning. For those looking to exercise their creativity further, direct CSS editing allows for even more extensive customization options.

Custom CSS for Course Registration Form Widget

To integrate the Course Registration Form Widget into your website, copy and paste the provided code snippet into your page's HTML code. The widget is designed to auto-update, which means any modifications you make in the Course Registration Form editor will be automatically reflected on your website.

Easy Embed of Course Registration Form Widget

The Course Registration Form widget allows students to register for a course online at their own convenience without having to visit the organizer's office or make a phone call.


Convenient Online Course Registration

Track the number of registrations and contact registered students with ease. This reduces the chances of registration mix-ups and also ensures that students receive all necessary communication from the organizer.

Effortless Tracking Course Registrations

The Course Registration Form widget helps reduce the time and effort required for manual registration processes. The organizer can use the time saved in managing other important tasks.

Streamline Your Course Registration

Course Registration Form

Forms

Fight for Equality

Create Advanced online Brackets & Tournaments With Images, Voting, and Predictions

This is an example of a 4 Region Bracket, a tournament structure famously used in the NCAA's March Madness basketball tournament. In this format, the entire field of participants is divided into four distinct regions, each acting as a separate mini-tournament. Teams within each region are seeded based on their performance in the regular season. They then compete in a knockout or single-elimination format, where a loss results in elimination from the tournament. The winner of each region advances to the final stage, known as the "Final Four," where they compete for the national championship. This format creates a series of high-stakes, win-or-go-home matches that contribute to the excitement and unpredictability of March Madness.

4 Region Bracket

This is an example of a Bracket with Voting, a tournament format where the progression of participants is determined not by their performance in a traditional sense, but by votes. In this format, participants – which could be individuals, teams, ideas, or items – are matched against each other in pairs. The outcome of each matchup is decided by a voting process, where an audience, members of a community, or a selected panel cast their votes to decide the winner. The winners then advance to the next round, where they face off against other winners, and this process continues until a final winner is determined. This bracket-style is popular in contexts where subjective judgment or popular opinion is key, such as in contests involving art, design, public preference, or entertainment.

Bracket with Voting

This is an example of a Group Stage Bracket, a tournament structure where participants are divided into multiple groups. Within each group, teams or individuals compete against each other in a round-robin format, where every participant plays against every other participant in their group. The results of these matches determine the rankings within each group. Typically, the top performers from each group advance to the next stage of the tournament, which could be a knockout stage or another round of group play, depending on the tournament's design. This format ensures a fair and comprehensive assessment of each participant's skills and performance.

Group Stage Bracket

This is an example of a Round Robin tournament, a structure widely used in various sports and competitive events. In this format, multiple groups are formed, each containing a set number of teams. Within each group, every team plays against every other team, ensuring a thorough and equitable competition. The teams accumulate points based on their performance in these matches, with victories, draws, and losses contributing to their total score. The top teams from each group, determined by these points, advance to the next stage of the tournament, which may be a knockout round or further group stages. This format is celebrated for its fairness and inclusivity, allowing each team multiple opportunities to showcase their skills and adapt their strategies throughout the tournament.

Round Robin Bracket

This is an example of a Double Elimination Bracket, a tournament structure designed to offer competitors not one, but two chances at victory. The bracket itself is an intricate web of matchups, akin to a chessboard where each move determines a participant's fate. In this format, a loss in the primary bracket doesn't mark the end of the journey; instead, it leads to a second opportunity in the losers' bracket. It's a tale of redemption and resilience, as competitors battle through the twists and turns of the double-elimination system. With each match, the stakes rise, and the tension mounts, making for a thrilling showcase of strategy and skill. In the end, only the most determined and adaptable will emerge as the ultimate champion of the 'Double Elimination Showdown 2023.'

Double Elimination Bracket

Casual Game Night

The online Free Brackets Maker features multiple bracket types for you to choose from. These include single elimination, double elimination, March Madness, custom brackets and more! Whatever your tournament type is, we’ve got the bracket for you.

Multiple Bracket Types 

The Online Brackets Maker features the ability to collect votes and predictions. These options will make the online brackets more interactive, engaging and fun for your users. The Online Brackets Maker features the ability to collect votes and predictions. These options will make the online brackets more interactive, engaging and fun for your users.

Online Bracket Votes & Brackets Predictions

The online Bracket generator features a signup page option that will enable your bracket users to sign up and participate in your tournament and allow you to collect emails and generate leads for your email marketing campaigns. By integrating this feature, you not only enhance user engagement but also create a valuable touchpoint for future communications and promotions.

Sign Up to an online Bracket Page

In the Brackets Maker, you can select different ways of pitting participants against each other — by order, randomized order, or traditional seeding. This flexibility ensures that every tournament can be tailored to fit its unique requirements and dynamics, enhancing the competitive spirit.

Brackets Match Randomization & Seeding 

You can export your brackets and download the brackets as an image or a PDF file, to quickly and easily share it with other people or to post it on your website or social media accounts.
With this feature, ensuring that your brackets are always accessible and presentable becomes effortless, enhancing the overall user experience and interaction.

Export the Brackets as an Image or PDF

The Brackets maker features various types of tables that you can add to your tournaments. You can select the Standings table, which includes participants and their ranks, you can select the Participants table for a simple overview of your participants and their information & you can select the Ranking table which is based on the predictions that have been made.

Multiple Types of Tables in your online Brackets

The online Brackets generator features multiple layouts including squares, circles & others. You can easily choose the Brackets layout that is most applicable to your website design and customize your brackets however you want. This versatility in design options ensures that your bracket not only functions seamlessly but also aesthetically complements the overall theme and feel of your platform.

Multiple online Brackets Layouts

The online Brackets Creator features multiple skins for you to choose from. We have a wide selection of brackets skins in solid colors, or with complementing images that capture most tournament types. Set your Brackets tournament up quickly without the need for extensive customization.

Multiple Brackets Skins 

The Brackets & Tournaments 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! With such adaptability, your bracket becomes a true reflection of your brand's identity, ensuring a cohesive and memorable user experience.

Fully Customizable Brackets Tournaments

The Online Brackets Generator is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors. Ensuring that your bracket displays perfectly across all devices enhances user accessibility and engagement, setting a high standard in the bracket-making realm.

Perfectly Responsive Online Brackets

The Brackets Maker 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 want it with just a few simple clicks.

Easy To Use Online Brackets Maker

As with all of Common Ninja’s widgets, you can add custom CSS to customize the online Brackets & Tournaments and be even more creative. By integrating your own CSS, your bracket can truly stand out, embodying a unique design that resonates with your brand's distinct style and vision.

You can embed the online Brackets & Tournaments on your website easily by copying a single line of code. The app will also be updated automatically with every change you make. This ensures that your bracket remains up-to-date and consistent, providing your audience with a seamless and dynamic experience every time they visit.

Easy To Embed  Brackets

The online Brackets Maker allows you to engage your users by providing an interactive experience where they can vote for participants and make predictions. The online Brackets Maker amplifies user engagement by turning every tournament into a personal stake, elevating their connection to the event.


Engage Your Users with an online Bracket creator

With the Brackets Generator, you can improve the users’ experience and make it more enjoyable for them to look at and use your brackets. You can add prizes, create stunning brackets and make your users want to come back and participate again. To some users, the brackets can also be an easy, visual way to follow the game — further improving their experience.

Brackets Generator: Elevating User Experience

The Free online Brackets creator offers a signup option that will require your users to provide their email addresses to participate or to vote. This way, you will be able to collect leads and add them to your email marketing list. Additionally, this feature ensures more secure and authentic user participation, enhancing the credibility of the voting process.

Collect Leads with an online brackets

Bracket Maker

User Engagement

Displays images and captions in diverse layouts and grids, presenting visually appealing arrangements for showcasing multiple images

Example 5

The Image Gallery comes available with five different grid layouts that will enable you to choose from organized, uniform boxes, to more disorganized and different-sized boxes to better fit your brand, personality, and website design.
With the ability to choose from multiple grid layouts, the Image Gallery provides you with the flexibility to create a visual experience that is unique and personalized for your website visitors.

5 Different Image Gallery Grids

The Image Gallery enables enlarging images by opening them in a popup, which not only makes it easy to interact with images but also keeps the overall user experience more immersive.

Enlarge The Images In a Popup

The Image Gallery enables micro animation to make the whole process of interacting with the image gallery more enjoyable and less static. These micro animations provide a subtle but effective way to increase engagement, making your website more interactive and user-friendly for visitors.

Image Gallery Micro Animation

The Image Gallery provides the option to add captions and descriptions to images to help users understand what the image is of. The captions and descriptions also provide valuable information for search engines, making it easier for your website to be discovered by those searching for related content. This can improve your website's visibility and attract more traffic to your site.

Add Caption and Description

The Image Gallery 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 allows you to create a unique visual experience for your website visitors that reflects your brand and personality, making your website stand out from the competition.

Fully Customizable Image Gallery

The Image Gallery 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.
By ensuring that your website is mobile-friendly, you can attract and retain more visitors, improve your search engine rankings, and increase your online visibility, resulting in more leads and sales for your business.

Perfectly Responsive Image Gallery

The Image Gallery 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 apps, you can add custom CSS to customize the Image Gallery widget and be even more creative. Adding custom CSS to your Image Gallery widget allows for even more creative freedom, giving you the ability to fine-tune the design and make your website truly unique.

Image Gallery Custom CSS

You can embed the Image Gallery on your website easily by copying a single line of code. No coding skill is required and it's compatible with most website-building platforms.
This makes it easy for anyone to add an Image Gallery to their website, regardless of their technical expertise or website-building platform, making the widget accessible and user-friendly for everyone.


Easy To Embed  Image Gallery

With the Image Gallery widget, you can easily showcase your work or products in the most visually appealing, and easy-to-follow way. Ideal for photographers and artists who rely on showing their visual works and shop owners who wish to display their products. 


Use an Image Gallery to Showcase Your Work or Products

Creating an image gallery on any website is a great way to improve its aesthetics. With different grid types and animations, it’s especially easy to stand out and wow your visitors.

Enhance Your Website with an Image Gallery

With a clear representation of your work or products via an interactive image gallery, visitors are more likely to engage with those images and convert to paying customers once they see the amazing work or products you offer.

Improve Engagement & Conversions

Image Gallery

Images & Galleries

Let users view and navigate PDF files directly on your website

Style 1

Style 2

Style 3

Style 4

Style 5

The PDF Viewer widget comes with five layout options that you can choose from — Embed, Gallery, List, Designed List and Grid. This selection of layout options will allow you to choose the best design for your brand and users.

Multiple Layouts

The PDF Embedder 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 PDF Viewer 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 PDF Gallery 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 PDF ebmed widget and be even more creative.

To save you time and effort, the PDF Viewer widget includes a selection of attractive skins that you can choose from to give your viewer a professional and polished look. This way, you don't have to invest a lot of time in extensive customization. Simply pick the skin that best fits your needs and you're good to go!

Multiple Skins

You can upload an image to be used as the thumbnail for your PDF file. This image could be the cover of a book or any other image that accurately reflects the content of the PDF. By choosing an attractive image, you can increase the chances of users clicking on and viewing your PDF. So consider selecting a visually appealing image to serve as the thumbnail for your PDF file.

Thumbnail

Make it easy for your website visitors to download the PDF file by including a Download button on your site. This will give them the ability to access the file and save it for their own use. By clearly displaying a Download button, you can make it simple for your website visitors to get their hands on the PDF file.

Download

You can embed the PDF Viewer widget 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 

With a PDF Viewer, you can allow your users to read more about your products and services. Offer them catalogs, brochures and menus for a better understanding of what you are offering.

Provide Easy Access to Relevant Information

Allow your users to access your PDF products (like ebooks, magazines, journals, etc.) in a visually appealing way with an easy option to download them.

Promote Your Products

Support your users with technical documentation, support articles and manuals that they can download and view offline or embed PDF Files on your website.

Offer Support for Better User Experience

PDF Viewer

Media

Organize links, display logos, and integrate social media on your website footer.

The Mega Footer widget facilitates a well-organized and clean layout by allowing you to segregate links and information into multiple columns. This functionality not only enhances the visual appeal but also aids in categorizing content in a manner that is easy to navigate. It's a practical way to ensure that your website's footer is both user-friendly and aesthetically pleasing.



Structured Layout with Multiple Columns

With the Mega Footer widget, you can effortlessly categorize and group your footer links under distinct titles. This functionality allows for a more organized and intuitive navigation experience, helping visitors to locate the information they're interested in without hassle. It's a thoughtful way to streamline content and enhance user satisfaction on your website.

Customizable Sections with Titles and Descriptions

The Mega Footer widget makes adding links to both internal and external pages a breeze. This feature allows for a seamless integration of various links, facilitating quick navigation to different sections of your website or external resources. It's a simple yet effective tool to enhance the connectivity and resourcefulness of your website

Effortless Link Integration

Keep your contact details readily accessible with the Mega Footer widget's address field feature. This section enables you to display essential contact details such as phone numbers, email addresses, and physical addresses prominently in the footer. It's a straightforward way to encourage communication and foster a sense of trust and transparency with your website visitors.

Comprehensive Address Field

Showcase your brand's identity prominently with the Mega Footer widget's logo and media display feature. This functionality allows you to exhibit your logo and other pertinent images at the footer, adding a visual appeal and fostering brand recognition. It's a simple method to enhance your website's professional look and create a lasting impression on visitors.

Logo and Media Display

The Mega Footer widget facilitates seamless integration of social media links right at the footer of your website. This feature allows for a centralized space where visitors can easily find and access your social platforms, encouraging better engagement and community interaction. It's a straightforward way to expand your online presence and foster a closer connection with your audience.

Integrated Social Links

The Mega Footer widget offers a variety of beautiful skins to choose from, significantly shortening the design process. This feature enables you to select a skin that aligns with your brand's aesthetics and the overall look and feel of your website. It's a convenient way to maintain brand consistency while adding a touch of professionalism and visual appeal to your site's footer area.

Multiple Skins Selection

With the Mega Footer widget, tailoring the appearance and ambiance of your footer is a breeze. Effortlessly modify elements like colors, fonts, and spacing to resonate with your brand or personal preference. Whether you're aiming for a contemporary, sleek layout or a more classic appearance, the Mega Footer widget accommodates your needs. Offering a plethora of customization possibilities, it allows for fine-tuning every facet of your footer to achieve the ideal aesthetic for your project.

Fully Customizable Mega Footer Widget

The Mega Footer widget is crafted with user-friendliness at its core, promising effortless utilization and comprehension of its features. Its intuitive design promotes user engagement, ensuring that visitors can navigate through the widget with ease, contributing to an improved overall website experience.

Menu For Mobile

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

Code Snippets

Course Registration Form

Bracket Maker

Image Gallery

PDF Viewer

Mega Footer

Subscription Button

Order Form

Vimeo Feed

Agenda

Timeline

Image Wall

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Menu For Mobile

PrestaShop module

App Details

Pricing

Check Out the Code Snippets Widget

App Info

Some of the best Common Ninja modules for PrestaShop

Code Snippets

Course Registration Form

Bracket Maker

Image Gallery

PDF Viewer

Mega Footer

Subscription Button

Order Form

Vimeo Feed

Agenda

Timeline

Image Wall

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine