Today, we are going to make an overview of the clonables that we think are essential to know in the Webflow Showcase(Made in Webflow). These clonables will allow you to be more productive in your web development and will allow you to create qualitative projects.

1. Client First - Webflow

How to make a list of the best Webflow clonables without talking about Finsweet's Client-first? This resource allows you to start your Webflow project with the client-first method guide style and all the pre-parameterized classes and combo classes.

Link to the Client-First clonable

2. Filter Components - Webflow

Still in a client-first development perspective, here is a template with many filtering components. By using the attributes of Finsweet, you can have an optimized and accessible filtering system for your website.

Link to the clonable Filter Components

3. Weglot UI KIT - Webflow

You want to translate your website in several languages using Weglot? This template from the Webflow Showcase is made for you! Finsweet offers several types of buttons to switch from one language to another. The Weglot kit will give you more flexibility in customizing your site.

Link to the clonable Weglot UI KIT

4. Finsweet Cookie Consent - Webflow

Data protection and user consent to use their data is highly regulated. To stay compliant with the RGPD, here is a Webflow clonable that will allow you to add a native and custom cookie banner in Webflow! This is an alternative to using Axeptio.

Link to the clonable Finsweet Cookie Consent

5. 20 CSS Buttons Hover Styles - Webflow

Are you looking for inspiration for your buttons? Do you want to optimize your conversion rate with CTAs that make you want to convert? Once again, here is a template from the Webflow Showcase that will help you. This list of buttons will give you flexibility on your project. With a few clicks, you can use nice on hover animations for your website.

Link to the clonable 20 CSS Buttons Hover Styles

6. 20 Line Hover Animations - Webflow

Just like the previous clonable, here is a new list of components with an on hover effect on a line that may be useful in your project.

Link to the clonable 20 Line Hover Animations

7. 180 Beautiful Gradients - Webflow

You want to put some colour on your website, but you don't have any inspiration? This template made in Webflow offers you a wide range of gradients that will give you design inspirations. Thanks to the codes, you can easily implement these gradients in your project.

Link to the clonable 180 Beautiful Gradients

Bonus : Relume Timeline Component - Webflow

Little bonus for the end! Here is a Webflow clonable that will allow you to add a custom animated timeline to your website. You have a great flexibility in the customization of this timeline and the template is fully responsive thanks to Relume.

Link to the clonable Relume Timeline Component

This was a non-exhaustive list, but feel free to tell us on LinkedIn or Youtube what your favourite Webflow clonables are 😉