Badge Webflow Award Winner 2023

7 Clonables Webflow Showcase à connaître

Publié le 
28/6/2022
Modifié le 
27/3/2023
Temps de lecture : 5 min
Logo Made In Webflow
Écrit par
Photo de Thibaut Legrand avec un t-shirt Digidop noir

Thibaut Legrand

Développeur Webflow & SEO

Optimisez votre temps de développement dans Webflow grâce à une liste de 7 clonables utiles pour le développement de votre site web ! N'hésitez pas à nous dire quel est votre clonable made in Webflow préféré 😉

Points clés à retenir

Aujourd’hui, nous allons faire un tour d’horizon des clonables qui nous semblent indispensables à connaître dans présents dans le Webflow Showcase (Made in Webflow). Ces clonables, vous permettront d’être plus productif dans votre développement web et vous permettront de créer des projets qualitatifs.

1. Client First - Webflow

Comment faire une liste des meilleurs clonables Webflow sans parler de Client-first de Finsweet ? Cette ressource permet de démarrer son projet Webflow avec le style guide de la méthode client-first et toutes les classes et combo classes pré-paramétrées.

Lien vers le clonable Client-First

2. Filter Components - Webflow

Toujours dans une optique de développement client-first, voici un template avec de nombreux composants de filtrage. En utilisant les attributes de Finsweet, vous pourrez avoir un système de filtrage optimisé et accessibles pour votre site web.

Lien vers le clonable Filter Components

3. Weglot UI KIT - Webflow

Vous souhaitez traduire votre site dans plusieurs langues en utilisant Weglot ? Ce template du Webflow Showcase est fait pour vous ! Finsweet propose plusieurs types de boutons pour switcher d’une langue à une autre. Le kit Weglot vous offrira une plus grande flexibilité dans la personnalisation de votre site.

Lien vers le clonable Weglot UI KIT

4. Finsweet Cookie Consent - Webflow

La protection des données et le consentement des utilisateurs a utilisé leurs données est très réglementé. Pour rester conforme au RGPD, voici un clonable Webflow qui vous permettra d’ajouter une bannière de cookie nativement et personnalisée dans Webflow ! C’est une alternative à l’utilisation d’Axeptio.

Lien vers le clonable Finsweet Cookie Consent

5. 20 CSS Buttons Hover Styles - Webflow

Vous êtes en manque d’inspiration pour vos boutons ? Vous souhaitez optimiser votre taux de conversion avec des CTA qui donnent envie ? Encore une fois, voici un template du Webflow Showcase qui vous aidera. Cette liste de butons vous offrira de la flexibilité sur votre projet. En quelques clics, vous pourrez utiliser des animations on hover sympathiques pour votre site internet.

Lien vers le clonable 20 CSS Buttons Hover Styles

6. 20 Line Hover Animations - Webflow

Tout comme le clonable précédent, voici une nouvelle liste de composants avec un effet on hover sur une ligne qui peut vous être utile dans votre projet.

Lien vers le clonable 20 Line Hover Animations

7. 180 Beautiful Gradients - Webflow

Vous souhaitez mettre de la couleur sur votre site, mais vous n’avez pas d’inspirations ? Ce template made in Webflow vous propose une large gamme de gradients qui vous donneront des inspirations de design. Grâce aux codes, vous pourrez facilement implémenter ces gradients dans votre projet.

Lien vers le clonable 180 Beautiful Gradients

Bonus : Relume Timeline Component - Webflow

Petit bonus pour la fin ! Voici un clonable Webflow qui vous permettra d’ajouter une timeline personnalisée et animée sur votre site web. Vous avez une grande flexibilité dans la personnalisation de cette ligne de temps et le modèle est complètement responsive grâce à Relume.

Lien vers le clonable Relume Timeline Component

C’était une liste non exhaustive, mais n’hésitez pas à nous dire sur LinkedIn ou Youtube quels sont vos clonables Webflow favoris 😉

projet Flomodia by Digidop
projet Coudac by Digidop
projet Heka by Digidopprojet Flaw by Digidopprojet Morfo by Digidop