Digidop | Free Ressources & Templates

We’ve crafted some cool stuff for the #WebflowConfWatchParty Paris:

✅ Designed a landing page in Figma
✅ Built it in Webflow
✅ Customized visuals & designed staff tees

And envisioning the growth of this event in the upcoming years, we thought these resources might be helpful for the community.

So, we’ve made them cloneable.

All our creations are now free to clone from:

🔗 Made in Webflow →
🔗 Figma Community : https://www.figma.com/community/file/1275839122526566359/Webflow-Watch-Party---Paris

Note : The webflow website was built using the Relume Library & the Finsweet Client-First convention approach. 

Made with 🫶 from Paris

Webflow Watch Party - Paris 🫶

Une formation étape par étape sur l'outil de développement no code Webflow. L'équipe de Digidop propose une série de live YouTube pour apprendre à maîtriser la création de site web avec Webflow.

Une fois la formation gratuite terminée vous saurez développer un site internet de A à Z en nocode / lowcode avec Webflow.

Il y a un live YouTube tous les jeudi à 18h sur la chaine YouTube de Digidop 👉 https://www.youtube.com/@digidop/streams

Formation Webflow Gratuite - Tips de Thibz

💡 Ressource éducative créée par Digidop pour accompagner une vidéo YouTube : Création d'une animation 3D au scroll sur Webflow, avec Spline.

Pour vous aider dans votre apprentissage, plongez à l'intérieur du projet Webflow en le clonant gratuitement.

🔗 Lien vers la vidéo tutorielle : https://youtu.be/XHY8ts8SVzU

3D Scroll Animation - Tutoriel by Digidop

Digidop is collaborating with Weglot on the design of 5 new Switcher Languages to share with you:

→ A library of 5 Figma components,
→ A demo clone of a CMS integration (Webflow),
→ Educational resources.

👇👇👇

🔗 YouTube Video : https://www.youtube.com/watch?v=IEV833nu97k
🔗 Blog post : https://www.digidop.fr/en/blog/digidop-collaborates-with-weglot-design-new-switchers-translation
🔗 Figma Components : https://www.figma.com/community/file/1329751195305940206/weglot-x-digidop-language-switcher-components

💡 Despite the recent release of Localization, Weglot remains a popular alternative to Webflow's native solution. We therefore took advantage of this design collaboration to work with Weglot's tech teams on simplifying its current Webflow integration.

Webflow Langage Switchers | Weglot Component 🌍

Retrouvez-nous pour un LiveBuild d'introduction à la programmation JavaScript d'une heure pour apprendre comment programmer et intégrer un calculateur dynamique sur votre site Webflow, avec JavaScript.

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯

// RESSOURCES

Live YouTube Pt.1 : https://www.youtube.com/live/Qp2pDGobbwQ?si=ySqRPEIpMNLAO3Ej
Article de blog : https://www.digidop.fr/blog/creer-cal...
CodeSandbox : https://codesandbox.io/
ChatGPT : https://chat.openai.com/auth/login
Webflow : https://webflow.grsm.io/digi

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯

// ABOUT US

Digidop est la première et seule agence webflow française à être triplement accréditée : Webflow Expert, Client-First et Webflow Global Leader.

👀 Digidop : https://www.digidop.fr/
🛍️ Acheter le Merch' digidop : https://store.digidop.fr/
🎨 Formation Webdesign sur Figma gratuite : https://academie.digidop.fr/

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯

#webflow #javascript #livebuild

Calculateur Javascript

Dans Webflow, il est possible d'ajouter des sliders / carrousels nativement. Cependant, ils comportent quelques limites. Dans ce live, nous expliquons pourquoi nous utilisons Splide JS pour développer des sliders avec Webflow et surtout comment les mettre en place dans votre projet.

// RESOURCES

Replay du live : https://www.youtube.com/live/zjvGqla48lE?si=csE0obDxmaEjavCo
Blog Post : https://www.digidop.fr/blog/guide-sliders-splide-js
Splide JS : https://splidejs.com/

// ABOUT US

Digidop est la première et seule agence webflow française à être triplement accréditée : Webflow Award Winner, Client-First et Webflow Global Leader.

Splide JS Ressources : Sliders, Marquee, Tuto

A little game through time developed with Slater and Webflow.
Voted 2nd best game in the Slater challenge

Enigma Odyssey

Add some fun to your website with our cloneable "Random CMS Image on Mouse Move"! In just a few clicks, you can add some interactivity to your CMS images and make your website more fun. With each mouse move, our clonable displays images sourced from a collection of your Webflow CMS in the background in a random way. You can easily customize the clonable and integrate it into your existing website by copying the custom code and modifying the images from your CMS collection.

Random CMS Image on Mouse Move

This clonable has a number of features using the Webflow CMS and the YouTube API:
- Play a list of videos consecutively (without additional clicks)
- Autoplay videos consecutively using Webflow CMS
- Display specific content depending on the video being played using CMS
- Tick videos that have been played to completion
- Automatic scrolling in the video links section
- Create specific URLs per video with a URL parameter (without leaving the page)
- Access a specific video on a page using URL parameters
- YouTube iframe automatically updated with the correct YouTube video title when the video changes

This clonable is inspired by the system in place on the Webflow University course pages.

CMS Video & YouTube API

A little javascript code and using pdfObject to create a pdf viewer in Webflow all using the Webflow CMS collections.
Bonus: Find out about upcoming Webflow events

PDF Viewer Using Webflow CMS Collection

Hi Webflowers ! This project is a simulation of the ChatGPT AI reproduced on Webflow. Webflow GPT gives answers according to the data inserted in the CMS! Developed with the Client-First V2 method!

Webflow GPT

No-code solution to create a comparison table using the Webflow CMS thanks to a combination of 3 Finsweet attributes (Combo Box + CMS Select + CMS Filter)

Webflow CMS Comparator

(EN) Hi, Webflowers ! Here is a special template from Digidop for the beginning of the FIFA World Cup 2022 on November 20th. Discover the different national teams present in this world cup, the groups, the calendar, the stars and predict the top 3 of this soccer world cup! Have fun!

(FR) Bonjour les Webflowers ! Voici un petit template de la part de Digidop à l'occasion du début de la Coupe du monde de football 2022 de la FIFA le 20 novembre prochain. Découvrez les différentes équipes nationales présentes, les groupes, le calendrier, les stars et prédisez le top 3 de cette coupe du monde de football ! Donc profitez !

Football World Cup 2022

Les composants sont indispensables à vos projets Webflow. Il vous permettent de maintenir et faire évoluer beaucoup plus efficacement les éléments et contenus récurrents sur l'ensemble de votre site.
Lien du live 👉 https://www.youtube.com/watch?v=EO_5Q9erY8I

Maîtriser les Composants dans Webflow | Live Digidop 🔴

Créer un formulaire à plusieurs étapes (multi step form) avec du code (javascript) peut être un casse tête ou prendre du temps. Dans ce live, nous découvrons comment dans Webflow nous pouvons développer un multi step form no-code avec Formly (outil développé par l'agence ViDesigns).

Live - Multi Step Form Formly

In 2021, you have liked it : We have just rebuilt a new Trustpilot review slider in Webflow version 2022 ! 

This Webflow project is a : 

· Webflow Slider 100% 💟

· Built with Client-first ✅

· Using only SVG images 🌠

This slider is absolutely free to clone, offer by Digidop.fr. 

If you like it, you can thanks us by put a review on our Truspilot account ! ✅

Thank you 💛

Trustpilot Widget for Webflow - Slider Review V2 - Free 2 clone

Mole / Reactivity Game is a captivating web project built using Webflow, combining reaction time and hand-eye coordination challenges to create an addictive and visually appealing game experience suitable for desktop and mobile devices. With its intuitive gameplay and seamless design integration, it showcases the versatility of Webflow in delivering engaging and interactive web experiences.

Challenge your friends and yourself!

Mole / Reactivity Game Webflow

Découvrez notre template Webflow gratuit et cloneable, résultat de la formation Figma to Webflow de la Digidop Académie.

Ce template, entièrement conçu avec le plugin Figma to Webflow, est une ressource idéale pour les webdesigners, freelances et développeurs souhaitant apprendre à convertir efficacement leurs maquettes Figma en sites Webflow. 

La formation Figma to Webflow de la Digidop Digidop académie :
Grâce à cette formation en 5 épisodes, maîtrisez l'autolayout, le responsive design, apprennez à utiliser le plugin Figma to Webflow et comment y intégrer les bases de le méthodologie Client-First. 

Lien vers la formation gratuite : https://academie.digidop.fr/formations/hors-serie/figma-to-webflow

Figma to Webflow | Template Webflow | Formation Digidop Académie

Digidop

1070795817

1274323923

1316201488

1316201489

1462086697

1567550242

1592612642

1726628865

173927913

1771795565

1863160016

1905118106

2032141491

2037807691

2144870841

2213518682

2216482092

2339906037

2351366352

2355632600

https://s3.amazonaws.com/webflow-dev-assets/66fd83b6cc0c8c6ed0e398e6%2Fcontent.json

2401116685

2486364096

gpt-4o

gpt-4.1

gpt-4o-mini

2546957535

2789269995

285302288

2857348505

2903381045

User Accounts will no longer be available on January 29, 2026.

Visit Webflow’s Help Center for migration guidance and more info.

3022611874

3023147062

3026881092

3106924665

3112069432

3120801339

3151661775

3201643127

3202722884

3243842104

3258716925

3266482432

3289310561

3313039722

3315729993

3387258362

3410497685

3590523401

3591394191

3672367630

3737116140

3801251705

3844506029

3913199261

3934148661

3941255684

3956476210

4092855684

4103643638

4144203485

4206156914

451433404

489463363

504462606

536101258

622649767

622649768

657188092

660615456

665836192

737109165

772001133

817414265

846847440

882147072

911514507

938734410

1045828939

1049811722

1058798965

1087856901

1120744071

1131151533

1157563538

1178621510

1197475705

1209008581

1216878544

1227154495

1229056119

1234765101

1236803103

1250328847

1259889605

1292405251

1297066426

130043074

1306352991

1312703771

1322655470

1336067073

1337084289

1350250754

1365408040

1380896143

1406455659

1418395020

1433303746

143629253

1440816657

1449062533

1455163268

1455742168

1458975701

146940023

147086462

1471203893

1475952185

1483622682

1490715908

1499868407

1501922903

1530015515

1534768148

1545754914

1568482678

1662541974

1665126082

1675015083

1680201874

1680586027

1701648875

1710623805

1733571395

1734645173

1752293186

1753134293

175490803

1762715110

1764382991

1803820771

1813965765

1823392055

1826978162

1831431323

183596474

1839668475

1856326096

1857805694

1861549476

187681422

1894524989

1896514701

1896857716

1905757080

1928608458

1931880952

1937559780

1944913766

1951876014

Digidop | Free Ressources & Templates

About

Skills

About

About