RESSOURCES / SCRIPTS
Des blocs prêts à coller,
testés en agence.
16 scripts Webflow et composants Framer, documentés et maintenus. Tu copies, tu colles, c'est en ligne.
11 SCRIPTS WEBFLOW · 5 COMPOSANTS FRAMER · GRATUITS
/ LA BIBLIOTHÈQUE
Les scripts 
,
tous maintenus.
MISE À JOUR EN CONTINU
JAVASCRIPTSlider avant / aprèsUn slider interactif avec effet avant / après, à poser sur n'importe quelle image.
JAVASCRIPTTransition de page slide upUne animation de transition entre tes pages, pour une navigation plus fluide.
JAVASCRIPTHTMLCSSPlayer vidéo YouTube optimiséAjoute une vidéo sans détruire ton score PageSpeed Insights.
HTMLCSSTableau comparatif dans un rich textUn tableau comparatif dynamique injecté dans le corps de tes articles.
JAVASCRIPTLimiter les items par breakpointAjuste le nombre d'items affichés dans une liste de collection, selon l'écran.
JAVASCRIPTExit popupAffiche une popup au moment précis où le visiteur s'apprête à quitter la page.
JAVASCRIPTCompte à rebours personnaliséUn compte à rebours sur mesure pour afficher une date limite.
JAVASCRIPTCompte à rebours classiqueLa version standard, posée en quelques minutes sur ta page.
JAVASCRIPTBouton copier-collerUn bouton qui copie le texte de ton choix, avec son état de confirmation.
JAVASCRIPTAnnée de copyright automatiqueNe touche plus jamais à la date affichée dans ton footer.
JAVASCRIPTCSSBouton quantité personnaliséUn sélecteur de quantité pour tes boutiques e-commerce ou tes systèmes de devis./ COMMENT ÇA MARCHE
Trois minutes, pas trois heures.
01
Copier le bloc
Un clic sur le bouton, le code ou le lien du module part dans ton presse-papier.
02
Coller au bon endroit
Les paramètres du projet dans Webflow, le canvas dans Framer. La fiche te montre exactement où.
03
Régler par attributs
Vitesse, direction, durée : tout se pilote sans jamais toucher au code.
Tous les blocs sont testés sur les projets de l'agence avant d'arriver ici, et mis à jour quand l'outil bouge.
/ AUTRES RESSOURCES
Toutes nos autres ressources,
en accès libre.
/ TUTOS82 tutos vidéo pas à pasLes gestes précis, filmés : navigation, grids, animations, composants.Explorer/ LEXIQUE400 termes expliquésLe vocabulaire Webflow, Figma et Framer, sans jargon inutile.Explorer/ BLOG60 articles et guidesLes méthodes appliquées en formation et en agence, expliquées en long.Explorer