Quickly and easily, create any type of form you want. By using form builder create the form with any type of fields you want, make them require if necessary and set the custom error message for required fields. Now embedded forms and popup ..

Codinginspect

Form Builder Pro - Multi Form Creator (4x, 3x, 2..

Example 1

Example 2

Example 3

Example 4

Example 5

The Before & After Slider widget features the option to create horizontal or vertical sliders, enabling you to unleash the full power of your creativity. With the option to create either horizontal or vertical sliders, you'll have the flexibility to tailor your sliders to fit the needs of your project whether you're a designer, photographer, or business owner, the Before & After Slider widget is the perfect tool to help you showcase your work uniquely and engagingly.

Horizontal & Vertical Slider Direction

With the Before & After Slider widget, you can create as many sliders as you desire, giving you the ability to tell a complete visual story that is tailored to your needs whether you want to showcase the progression of a construction project, the transformation of a home renovation, or the change in the appearance of a person or animal over time.

Multiple Sliders

The Before & After Slider widget comes with full customization options, giving you the ability to easily edit the design to match the aesthetic of your website. You can change the colors of the slider, buttons, and labels to match your branding. You can also choose from different font options and adjust the font size, style, and color to create a cohesive and professional look. In addition to these design options, you can also customize the spacing of the widget to ensure it fits seamlessly into your website layout.

Fully Customizable

The Before & After 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 Before & After widget will allow you to do just that, giving you an edge over competitors.

Perfectly Responsive Before & After

The Before & After Slider 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

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Before & After 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.

Before & After Custom CSS

To embed the Before & After 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 Before & After Editor will be reflected automatically on your website without the need for any additional manual updates.

Easy To Embed Before & after

You have the ability to adjust the positioning of the labels on the Before and After Slider widget. This allows you to customize the location of the labels to fit best the design and layout of your website or application.

Label's Position

Regardless of whether your image is in the landscape, portrait, or square format, you have the ability to define the image ratio for optimal display.

Image Ratio

With the Before & After Slider, you can increase engagement on your website by offering an interactive feature for your users to interact with. More engagement increases interest and, subsequently, improves the decision-making process that will convert curious visitors into paying customers.

Increased Engagement Through Interaction

With the Before & After Slider widget you can convey a compelling story by using the right images. Demonstrate the changes global warming has on nature, show the powerful transformations of people, present interesting item restoration results and much more!

Compelling Visual Storytelling 

The Before & After Slider allows you to showcase the benefits of your product or service in the most effective way — visual, side-by-side comparison. Show how you’ve restored a mouthful of crooked teeth, or how your product has cleaned the same item, only better, or how you’ve restored a decrepit house into a glorious abode — the options are limitless!

Effective Showcase Presentation

Before & After Slider

Website Components

Images & Galleries

Add Dynamic Animations

Take full control over how your background images align with your titles. This feature enables you to fine-tune the position and coverage of your images, ensuring a seamless blend with your titles for the most impactful visual effect.

Optimized Image Positioning

With the option to emphasize text with a stroke, you ensure maximum readability for your audience. This feature enhances the contrast between your text and its background, making your titels more striking and easier to read.






Enhanced Text Visibility

The power to set the animation direction of your background images is in your hands. Whether it's right, left, up, down, or a zoom effect, you can decide the path that best complements your title and site design.

Customizable Animation Direction

You can also control the pace of your animations to match the rhythm of your website. This feature allows you to set the speed of your image movements, creating a harmonious and engaging visual experience for your site visitors.

Flexible Animation Speed

Breathe new life into your titles with a vast selection of fonts. This feature lets you experiment with different typography styles, allowing you to find the perfect match for your brand and the message you want to convey.

Variety of Font Choices

The Headline With Background Image widget is designed to keep user-friendliness at the forefront, ensuring easy usage and understanding of its functionalities. Its intuitive interface encourages user interaction and makes sure that visitors can smoothly navigate the widget, leading to a better overall website experience.

Easy to use

The Headline With Background Image widget is fully responsive, ensuring your content looks its best on any device. This means your engaging titles and eye-catching images will retain their impact and readability, whether viewed on a desktop, tablet, or smartphone.

Fully Responsive

Like our other tools, the Headline With Background Image widget also provides the flexibility to integrate custom CSS for a truly tailored look. Users with coding skills can boost the widget's aesthetics, attaining their preferred design style by incorporating their own custom CSS code.

Customize with Custom CSS

The Headline With Background Image widget is easy to add to your website, needing just basic tech know-how. This means you can quickly set it up without needing lots of extra help or fancy skills, making the whole process smoother and faster.

Easy to embed

The Headline With Background Image widget allows you to unleash your creativity without requiring advanced technical skills. This user-friendly tool enables anyone to create visually stunning headlines, making your website more appealing and interesting in just a few simple steps.

Effortless Creativity

This widget turns your headlines into an immersive visual experience. By using the Headline With Background Image widget, you are more likely to attract and keep the attention of your visitors, creating a memorable first impression.

Visually Engaging Content

By using images as the backdrop for your headlines, you add a new dimension to the user experience. This fresh and unique approach to presenting information can make your site more enjoyable and compelling for visitors, increasing user engagement.

Enhanced User Experience

 Headline With Background Image

Get Creative

Show image and text cards of your skills, that when clicked, flip to reveal additional content on the other side

The Skill Flip Cards app comes available with six different layouts that can fit any design, from smaller images and larger text to images on the side, in circles, squares, and more!

Multiple Layouts

The Skill Flip Cards app features the ability to add icons, instead of images, and sports a large selection of icons that can be used.

A Large Selection of Icons

The Skill Flip Cards app comes with a proficiency bar, that will show, in a visual representation, how well you know a skill. You can customize it as you see fit, and fill it using a simple slider.

Proficiency Bar

As befits a flip card, the app comes available with a fluid flip animation that will make your page more interactive, look more lively, less static and not boring.

Flip Animation

The Skill Flip Cards app 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 Skins

The Skill Flip Cards 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!

The Skill Flip Cards app 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 Skill Flip Cards 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 Skill Cards Widget

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

Custom CSS

You can embed the app on your website easily by copying a single line of code. The Skill Flip Cards app will also automatically update with every change you make.

Easy To Embed 

With the Skill Flip Cards app’s customization options, you can make sure that your skills and experiences truly stand out on your website. Potential recruiters will be sure to notice these skills and be more inclined to contact you.

Stand Out

The Skill Flip Cards app is not only good for providing relevant information, but also for enhancing a website’s design.

Improve Design

The Skill Flip Cards app enables you to provide important information to potential employers in an organized and concise manner, that will certainly be appreciated by them, and will increase your chances of getting hired.

Provide Relevant Information

Skill Flip Cards

Lists & Cards

Display images within frames depicting screens of various computer and mobile devices

A device mockup will not only help your users visualize your message, but with the right colors, fonts, and images, it can create a stronger association with your brand. 


Enhanced Design — Stronger Brand Presentation

With the right mockups, you can help your users visualize your services or products on their various devices, making their decision-making process shorter and in your favor. 

Easy Visualization — Better Understanding

Style 3

Style 4

Style 5

The widget features a selection of various devices and device types that you can choose from. The devices include mobile, tablet, laptop, and desktop, while the device types will enable you to choose a more specific device like an iPhone, a Galaxy phone, an iPad, and many more.


Multiple Devices

The widget comes with the ability to change the device's orientation from portrait to landscape and vice versa.

Portrait & Landscape

The widget features the option for in-mockup scrolling, which will allow you to add more content and make the user’s journey even more immersive.

In-Mockup Scrolling

You can play with the device’s brightness to complement your design needs and highlight the various choices you are more in favor of.

Device Brightness

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

The Device Mockup 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

The Device Mockup 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 Device Mockup 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.

The Device Mockup 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 Device Mockup Widget

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

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

Easy To Embed

The widget will enable you to offer your users a clear visualization of what your content will look like on various devices — desktop, tablet, or mobile.

Clear Visualization

By offering your users an easy-to-follow visualization, you will create an immersive experience that will keep your users satisfied.

An Immersive Experience

With the widget, you can expedite the user’s decision-making process by showing how your content will look on their device and adding a CTA button right next to it.

Easier Decision-Making

Device Mockup

Show image and text cards of events, that when clicked, flip to reveal additional content on the other side


The Event Flip Cards app comes available with six different layouts that can fit any design, from smaller images and larger text to images on the side, in circles, squares, and more!

The Event Flip Cards app features the ability to add icons, instead of images, and sports a large selection of icons that can be used.

The Event Flip Cards app comes with a variety of beautiful skins that you can choose from so you don’t have to spend much time on extensive customization.

The Event Flip Cards 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!

The Event Flip Cards app 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 Event Flip Cards 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 Event Cards Widget

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

You can embed the app on your website easily by copying a single line of code. The Event Flip Cards app will also automatically update with every change you make.

The Event Flip Cards app enables you to easily add the location of the event, its time and date to display it to make this information easily visible to your users and improve their experience. 

Location, Date & Time

With well-placed event cards on your website, you will be able to improve the visibility of these events and spread awareness about them.

Improve Visibility & Spread Awareness

With the Event Flip Cards app, you will be able to provide information about events in a clear, concise manner, and add relevant links (to the booking page, for example), thereby making it easy to join the event and increasing attendance.

Increase Attendance 

The fully customizable Event Flip Cards app can be used to enhance the web page's design through complementing colors, and the interactive flip feature.

Enhance Design

Event Flip Cards

Allow applicants to fill in job applications, save submissions, enable notifications, and more

The Job Application Form offers an array of fields, ranging from standard to specialized formats, allowing you to craft application forms tailored to your requirements and objectives. To add a field, click on the "Add Field" option and select from a wide variety of field types. Additionally, effortlessly adjust the field order by using drag-and-drop functionality.

A Range of Customizable Fields for Job Applications

You can employ the Job Application Form to receive CV or resume files from candidates. This feature is particularly advantageous for recruiters and HR professionals who need to collect comprehensive employment histories and qualifications from prospective applicants.

Receive Resume File Attachments

The Job Application Form facilitates the organization and presentation of all applicant data (information submitted in the forms) in a clear and accessible format. This feature streamlines the tracking of candidate submissions, ensuring that you can review and respond to applicants more quickly and effectively.

Effortless Applicant Data Gathering

The Job Application Form's submission data can be exported to a CSV file, enabling you to transfer it to other applications or tools for in-depth analysis or integration. This functionality is especially valuable for organizations seeking to maintain a comprehensive record of applicant information for data analysis, reporting, and HR management purposes.

Export Job Application Data to CSV

By integrating designated job application fields such as the LinkedIn Profile URL and Current Employment Status selection, you can gather additional information that can help you evaluate candidates more effectively. incorporating other fields such as a portfolio link, professional certifications, or language proficiency can offer further insight into the candidate's skills and experience, providing a more comprehensive picture of their qualifications and suitability for the role.


Key Job Application Specific Fields

The Job Application Form builder includes a date field, which enables you to request the candidate's available date to start. This feature can be particularly beneficial for businesses that have specific start dates in mind or that require new employees to start work within a certain timeframe. By including a date field, you can gather the necessary information upfront and ensure that you only consider candidates who are available to start on or before the desired date.

Request Candidate's Available Start Date

Incorporating headings, descriptive text, and visuals into your job application form enables a more engaging and intuitive submission experience for applicants. Including informative form elements can guide candidates through the application process, promoting a seamless experience and increasing the chances of successful submissions.

Enhance Your Job Application Form

The Job Application Form creator offers header and footer customization options, including the ability to add images. This feature presents an excellent opportunity to strengthen your brand presence and design a professional, visually appealing form that seamlessly integrates with your website's overall look and feel.

Personalize Headers & Footers

The Job Application Form widget enables you to accept payments directly from applicants with ease. Whether you’re charging for application processing, portfolio reviews, or other recruitment services, this feature integrates secure payment options seamlessly into your form. With a straightforward setup and dependable payment processing, you can enhance your application process while ensuring a smooth experience for your users.

Collect Payments Through Your Job Application Form

The Job Application Form includes the option to enable notifications for both the form owner and the applicant. You can activate automated email notifications for each form submission, send them to multiple recipients, and also dispatch a confirmation email to the candidate upon successful submission.

Receive Notifications for New Job Application Submissions

The Job Application Form builder allows you to enable the CAPTCHA anti-spam feature, which applicants must complete before submitting their application. This functionality helps prevent bots and automated scripts from submitting spam entries through your job application form, ensuring that you receive authentic submissions from genuine candidates.

Prevent Spam in Your Job Application Form

The Job Application 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 Job Application Form creator comes with a variety of beautiful skins that you can choose from, to quickstart the design process and not spend much 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.

Diverse Job Application Form Styles

The Job Application Form Builder provides comprehensive customization choices, 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.

Completely Adaptable Job Application Form

The Job Application Form 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.

Perfectly Responsive Job Application Form

The Job Application Form Builder 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.

User-Friendly Experience

Our advanced editor is a robust tool that grants you full control over the Job Application Form's appearance. With this feature, you can effortlessly personalize every aspect of the form'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.

Job Application Form Custom CSS

To integrate the Job Application Form into your website, copy and paste the provided code snippet into your page's HTML code. The form is designed to auto-update, which means any modifications you make in the Job Application Form editor will be automatically reflected on your website. This feature streamlines the integration process and ensures that your application form is always up-to-date.

Simple Integration of Job Application Form

Using a job application form can help ensure that all applicants provide the same information in the same format, making it easier to compare and evaluate candidates. Additionally, this standardized approach can help reduce any unconscious biases during the initial screening process.

Simplify Candidate Evaluation

Employers can customize the job application form to include only the information they need, ensuring that they get the most relevant and important information from each applicant. This level of customization allows businesses to tailor the form to their specific industry or job requirements.

Tailor Your Job Application Form

The Job Application Form builder can collect and store data on each applicant, making it easier for employers to track and manage their candidate pool. Moreover, this automated data management saves time and resources, allowing HR teams to focus on other crucial tasks.

Simplify Applicant Data Management

Job Application Form

Forms

Display a restaurant menu in a stylized and adjustable list format

The Restaurant Menu List widget features a selection of beautiful icons that will fit any requirement — is the meal vegetarian? Is it spicy? Is the drink alcoholic? Make this information instantly visible.
The Restaurant Menu widget allows you to easily add the prices of your delicious dishes and supplementary, informative symbols to indicate whether the food is spicy, vegetarian, etc. 

Multiple Icons To Select From

The Restaurant Menu List widget features six layouts with varying image sizes and text layouts, supporting horizontal and vertical design to ensure that the widget fits your design requirements.

Restaurant Menu List Widget Multiple Layouts

You can add images to the Restaurant Menu List to whet the users’ appetite with photos of your delicious meals.

Restaurant Menu List Images

The Restaurant Menu List 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.

The Restaurant Menu 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 Restaurant Menu widget

The Restaurant Menu List 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.

Form Builder Pro - Multi Form Creator (4x, 3x, 2..

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Before & After Slider

Headline With Background Image

Skill Flip Cards

Device Mockup

Event Flip Cards

Job Application Form

Restaurant Menu List

TikTok Slider

YouTube Carousel

Subscription Button

Business Listings

Right Click Protection

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Form Builder Pro - Multi Form Creator (4x, 3x, 2..

OpenCart extension

App Details

Pricing

Check Out the Before & After Slider Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Before & After Slider

Headline With Background Image

Skill Flip Cards

Device Mockup

Event Flip Cards

Job Application Form

Restaurant Menu List

TikTok Slider

YouTube Carousel

Subscription Button

Business Listings

Right Click Protection

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine