Timekit

Example 1

Example 2

Example 3

Example 4

The widget comes with three different panel types that you can choose from to better fit your design and needs. Furthermore, each panel type is customizable, enabling you to match your brand's colors, fonts, and other visual elements for a cohesive and on-brand user experience.


Different Panel Types

The widget features different button layouts that can further help you customize your panel to fit your requirements. The various button layouts offer a versatile and efficient method to interact with visitors to your website, whether you want to draw attention to a limited-time deal or highlight a new product.


Multiple Button Layouts

The widget has various button animations that are sure to draw the user’s attention and encourage them to click on the button. To make it more appealing to your consumers, you can also alter the button animations in accordance with the design language of your website or brand.

Various Button Animations

You have the freedom to tailor the user experience with the slide-in panel widget by choosing the location from which the panel will slide in, either at the top or bottom of your website, depending on your particular design and marketing requirements. This feature not only enables you to seamlessly integrate your new layout, but it also makes sure that the slide-in panel's promotional material is clearly displayed, grabbing visitors' attention and boosting the effectiveness of your marketing campaign.

Two Positions To Choose From

The Slide-In Panel widget features advanced display rules — like when or where to display the widget — that you can set and customize. The rules include action triggers like “on exit”, “time delay”, “page scroll” and more.

Customizable Display Rules

The Slide-in Panel widget has a selection of beautiful skins that you can use to add to it and enrich its visual appearance. The widget offers a selection of skins that you can use to alter the panels' style to fit your website's identity. By using these options, you can quickly and easily construct a Slide-in Panel that matches the general style of your website and has a professional appearance without having to spend hours designing it from scratch.

Multiple Skins

The Slide-In Panel widget comes with a selection of beautiful icons that you can use to add to it and enrich its visual appearance.

A Selection of Beautiful Button Icons

You may fully customize the Slide-in Panel widget to change the style to suit your needs. Customize anything you want, including the fonts, spacing, and colors! In order to create a unified and polished appearance, you may also select from a variety of font choices and modify the font's size, style, and color. You can alter the spacing in addition to these style choices to make sure it blends in with the rest of your website's design.

Fully Customizable

Any website would benefit from the widget Slide-In Panel. It has a clean and contemporary style that will improve the overall appearance of your site in addition to being fully responsive, which means it will shift fluidly to fit the screen size of any device. Having a website 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. You may use the widget to accomplish just that, providing you an advantage over rivals.

Perfectly Responsive

The use of the Slide-In Panel widget is simple and doesn't require any coding expertise. With only a few mouse clicks, you can modify the widget however you wish using our user-friendly interface. As a result, even people without coding knowledge can quickly and easily develop designed elements with a professional appearance that interact with their website and increase their online visibility and audience engagement.

Easy To Use

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Slide-In Panel 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 Slide-In Panel 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 Slide-In Panel editor will be reflected automatically on your website without the need for any additional manual updates.

Easy To Embed 

With the Slide-In Panel widget, you can greatly increase conversions by making your promotional information clearly visible. This is so that there is a greater chance that website visitors will take action and convert since the Slide-In Panel widget grabs their attention and conveys a clear and concise message.


Increase Conversions

The Slide-In Panel widget’s animation is attention-drawing and is sure to divert the users’ attention to the promotional message you are trying to convey. Using the Slide-In Panel widget to draw attention to your marketing message can boost user interaction and, as a result, your website's conversion rates.


Draw Attention

With the Slide-In Panel widget, you can improve your users’ experience by offering them valuable information that will save them money, and improve their experience. This widget can be easily integrated into your website or application, allowing you to enhance user engagement and drive conversions.

Improve User Experience

Slide-In Panel

Popups, Bars & Buttons

Boost Sales

Present Tripadvisor reviews for your property on your website

The widget comes with three review types — Carousel, Grid, and List, that will help you customize the apps and make them fit your design needs.

Different Review Types

The widget comes with advanced filtering options, like choosing to display reviews with a minimum of a certain number of stars.

Filter

With a simple toggle of a button, you can make sure that you manually approve all the reviews that will be displayed.

Manual Approval

The widget features additional filtering options in the form of keyword inclusion or exclusion — which is ideal for certain businesses.

Include or Exclude Keywords

The widget comes with sorting options that will help you customize your display to show reviews by the oldest or the newest reviews.

Sorting Options

The widget supports all of Tripadvisor's various, specific and separate reviews for Vacation Rentals, Hotels, Restaurants, Cruises, and Attractions. Simply add the desired item, and the relevant reviews will appear.

Supports All Available Tripadvisor Reviews

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

Multiple Layouts

The Tripadvisor Reviews 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 Tripadvisor Reviews 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 Tripadvisor Reviews widget is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors.

The Tripadvisor Reviews 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.

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

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

Easy To Embed

Reviews on Tripadvisor are considered trustworthy and can have a big impact on a customer's decision to use your business. Thereby, having those reviews clearly displayed on your website via this widget will be absolutely beneficial.

Increase Credibility & Trust

By clearly displaying your good Tripadvisor reviews and increasing trust in your business, you will be able to help undecided customers to make the decision to become paying customers quicker.

Drive Sales Up Quicker

The widget’s full customization options will enable you to choose from different review types, layouts, skins, fonts, colors, and more, and make the reviews complement your website’s design.

Enhance Design

Tripadvisor Reviews

Reviews

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.

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.

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.

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

Easily create and manage online menus with customizable layouts, categories, and styling options

The Restaurant Menu Widget allows you to categorize your menu into clear and distinct sections, such as appetizers, main courses, or desserts. Each section can feature its own title, helping diners quickly navigate and find what they’re looking for. Additionally, you can add an image or icon to each section, enhancing the visual appeal and ensuring your menu looks polished and professional.

Create Organized Menu Sections

The Restaurant Menu Widget lets you organize your dishes by assigning them to categories, such as vegetarian, gluten-free, or spicy. Each category is represented by a unique icon, making it easy for customers to identify specific options at a glance. This feature enhances clarity, helps diners make informed choices, and creates a visually engaging menu experience.

Assign Dishes to Categories with Customizable Icons

The Restaurant Menu Widget enables you to enrich each dish with a description, an eye-catching image, and a clearly displayed price. These details provide diners with all the information they need to make confident and informed choices. By combining visuals and pricing, you create an engaging and professional menu presentation that boosts customer satisfaction

 Showcase Dishes with Detailed Information and Visual Appeal

The Restaurant Menu Widget offers versatile design options with three distinct menu layouts, allowing you to choose the overall structure that best fits your website’s style. Additionally, each dish card can be displayed using one of four unique layouts, giving you the flexibility to highlight your dishes in the most appealing way. These customization options ensure your menu looks professional, aligns with your brand, and delivers a seamless browsing experience for your customers.

Customize Your Menu and Dish Layouts for a Unique Look

The Restaurant Menu Widget provides a selection of beautifully designed skins to match your website's style seamlessly. These skins save you time on design adjustments while ensuring a professional and cohesive menu appearance.

Choose from Stunning Design Skins

With extensive customization options, the Restaurant Menu Widget allows you to tailor every aspect of your menu. Adjust colors, fonts, spacing, and more to create a menu that reflects your brand's identity and style.

Fully Customizable Restaurant Menu Widget

The Restaurant Menu Widget is built to be fully responsive, ensuring it displays beautifully on any device. Whether your customers are browsing from a desktop, tablet, or smartphone, your menu will look great and remain user-friendly.

Fully Responsive Design for All Devices

Designed with simplicity in mind, the Restaurant Menu Widget requires no coding skills to set up and customize. Its intuitive interface allows anyone to create and update menus effortlessly, making it accessible for all skill levels.

Easy-to-Use Restaurant Menu Widget

For users looking to take customization further, the Restaurant Menu Widget supports custom CSS. This feature allows designers and developers to fine-tune the widget’s appearance and functionality, ensuring it perfectly aligns with their vision.

Custom CSS for Advanced Design Control

Embedding the Restaurant Menu Widget on your website is simple and hassle-free. With just one line of code, you can integrate it seamlessly into your site, and any updates you make are reflected instantly, keeping your menu always up to date.

Quick and Easy Embedding on any website

The Restaurant Menu Widget offers an intuitive and visually appealing way to present your menu online. By making your menu easily accessible, you enhance customer satisfaction and encourage diners to explore your offerings. This convenience can lead to increased engagement and more orders.

Enhance Customer Experience with the Restaurant Menu Widget

The Restaurant Menu Widget makes it easy to update your offerings with just a few clicks. Whether you’re introducing seasonal dishes or adjusting prices, the widget ensures your customers always see the latest information. This reduces administrative hassle while keeping your menu dynamic and engaging.

Save Time with Seamless Menu Updates

The Restaurant Menu Widget enables you to create a menu that aligns perfectly with your brand’s style. By customizing colors, fonts, and layouts, you can deliver a cohesive and professional look that reinforces your restaurant’s image and builds customer loyalty.

Strengthen Your Brand Identity with Customizable Menus

Restaurant Menu

New!

Adds a clear notice about cookie usage on your website, improving compliance with data privacy laws.

The Cookies Consent Bar widget provides a straightforward and clear cookie consent notice. The concise and understandable language used in the message ensures that all site users are instantly aware that cookies are in use.

Simple and straight forward cookies consent bar

The Cookies Consent Bar widget features an intuitive "Got it" button for users to acknowledge the cookie usage. This user-friendly design makes it easy for visitors to accept the terms without having to navigate through complex options.

Easy Acknowledgement Button

The Cookies Consent Bar widget is designed to persistently appear on the website until the user acknowledges the message. This ensures that all users are aware of your site's cookie usage before they continue browsing.

Persistent Reminder

The Cookies Consent Bar widget provides an option to include an icon or an image as part of the consent bar. This gives you the flexibility to choose a visual element that aligns with your website's design and brand identity, thus enhancing the consistency and coherence of your site's appearance.

Enhance the bar with icon or image

The Cookies Consent Bar widget allows you to include a link within the consent message. This can be directed to your website's terms of use, privacy policy, or any other relevant external page, offering a straightforward way for users to access more detailed information if they wish.

Flexible Link Integration

The Cookies Consent Bar widget allows users to select from a range of button shapes for the acknowledgment button. Whether it's a rounded, square, or other design, you can choose a button shape that best aligns with your website's aesthetic.

Select from various button shapes

The Cookies Consent Bar widget comes with many ready-to-use designs that you can pick to fit the look and colors of your website. This way, everything on your site looks like it belongs together, which visitors will appreciate.

Multiple Consent Bar skins

The Cookies Consent Bar widget gives you lots of ways to change its design so it works just the way you want it to. You can tweak colors, change fonts, and even move things around. Its easy-to-use controls mean you can make it look just right on your website, so your visitors don't feel any difference while browsing.

Fully Customizable Consent Bar

The Cookies Consent Bar widget works well and looks good on all devices, like phones, tablets, and computers. As lots of people now use the internet on their phones and tablets, it's important that everything on your website is easy to use on these devices too. With the Cookies Consent Bar widget, everything will run smoothly and look great, no matter what device someone is using.






The Cookies Consent Bar widget is easy to use and you don't need to know how to code. With just a few clicks, you can change the bar however you want using our user-friendly controls. It's really that simple!

Easy To Use widget

Our advanced editor is a powerful tool that lets you completely control how the Cookies Consent Bar looks. You can easily change its design, colors, fonts, layout, and where it's placed. And if you're feeling extra creative, you can also directly edit the CSS for even more ways to customize it.

Apply Custom CSS 

To add the Cookies Consent Bar widget to your website, all you have to do is copy the code we give you and put it in your website's HTML. The great thing about the Cookies Consent Bar widget is that it updates by itself. So, whenever you make changes in the Consent Bar Form editor, they will automatically show up on your website.

Easy to Embed Cookies Consent Bar

Adding the Cookies Consent Bar widget helps to ensure your website is compliant with various global data privacy regulations, such as the General Data Protection Regulation (GDPR) in the EU and the California Consumer Privacy Act (CCPA) in the U.S. This widget's presence demonstrates that your website respects user privacy and practices responsible data management.

Compliance with Data Privacy Laws

By explicitly stating that your website uses cookies, you foster transparency with your site visitors, which in turn, builds trust. When visitors see that you are transparent about your data usage, they're likely to view your site as more reputable and trustworthy.

Building Trust with Users

The widget can help avoid potential legal repercussions or penalties associated with non-compliance with data protection and privacy laws. Displaying a clear cookie consent notice can be a preventative measure against any costly legal disputes.

Avoiding Potential Legal Issues

Cookies Consent Bar

A rectangle button positioned in any corner of a webpage typically used for promotion and marketing purposes



Example 5

The triangle button widget comes available with the option to choose different positions for your button. There are four positions (for each of the four corners of the webpage).

Different Positions

The Corner Button widget comes with the option to add gentle “enlarging” animation on hover, which will make the button grow when users hover over it and be more noticeable and easy to click on.

Hover Animation

The triangle button widget will enable you to make the corner button stand out from the rest of the page by adding a little shadow to it.

Shadow Inclusion

The Corner Button 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 Corner Button widget comes with a selection of beautiful icons that you can use to add to the button and enrich its visual appearance.

A Selection of Beautiful Icons

The Corner Button 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 Corner Button 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 Corner Button 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 Corner Button Widget

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

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

The inclusion of the fully customizable triangle button will enable you to make it clearly visible to your visitors and pique their curiosity by implementing “loud” colors and hover animation.

Clear Visibility

The button makes it easier for your users to reach the designated page, thereby improving their navigation and enhancing their experience on your website.

Easy Navigation

The triangle button can be customized to improve the aesthetics of your website by choosing complementary colors and pleasing icons.

Improved Aesthetics

Corner Button

Corner Button - Template 2

Corner Button - Template 8

Corner Button - Template 4

Corner Button - Template 1

Corner Button - Template 3

Showcase statistics, metrics, or countdowns in an animated visually appealing display

With the right background image, fonts and titles, it is possible to tell a whole story and create the right association between a brand, and its impressive numbers.

Visual Storytelling With the Right Background

Style 2

Style 3

For the more information-delivery-based websites, where numbers play an important part, it’s best to keep the numbers, titles, and associated icons clear and easy to understand. And with the full customization options, and the large selection of icons the widget offers, it’s easy to do just that.

Clean Design With Relevant Icons for Better Understanding

The widget enables not only to create of informative number counters, but aesthetically pleasing ones as well, which will go hand in hand with the website’s design, and play a significant role in creating the right atmosphere.

Setting the Right Mood and Atmosphere

The Animated Number Counter app features an entertaining, eye-catching “counting” animation that is sure to add a sense of action to your website, as well as help focus the user’s attention on important information.

Eye-Catching Animation

The Animated Number Counter 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 Animated Number Counter app features commonly used layouts that you can choose from to fit your web page’s design.

In addition to the option to add images to the number counter, the app has a large selection of icons that you can choose from to add instead of images.

Timekit

Webflow app

App Details

Pricing

Check Out the Slide-In Panel Widget

App Info

Find the Best Webflow apps for you

Chat

Ecommerce

Forms

Payment

analytics

Membership

Popup

Contact

Events Calendar

Privacy

Email Marketing

Translation

Slider

Social Feed

Social Sharing

Reviews

Comments

Payment

Forms

Popup

Chat

Some of the best Common Ninja apps for Webflow

Slide-In Panel

Tripadvisor Reviews

Code Snippets

Restaurant Menu

Cookies Consent Bar

Corner Button

Animated Number Counter

Trust Badges

TikTok Feed

Reviews Badge

Capterra Reviews

Business Listings

apps You Might Like

Discover the best apps for your website

Common Ninja Search Engine