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 les Finsweet Cookie Consent
{{custom-blog-cta}}
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 😉
.webp)
.jpg)
