Des CDN utilses pour les projets web à connaître

🏷️ Intégration HTML && CSS 📅 10/04/2026 09:00:00 👤 Mezgani said
Cdn Performance Web Bibliothèques Ressources
Des CDN utilses pour les projets web à connaître

Bootstrap 5

CSS JS

Framework CSS front-end le plus populaire. Composants responsive, utilitaires flexibles, grille 12 colonnes et système de thèmes via variables CSS.

CSS https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css
JS https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js

Bootstrap 4

CSS JS

Version 4 de Bootstrap. Basée sur Flexbox, elle introduit les utilitaires de spacing, les cards et un système de thèmes via Sass variables.

CSS https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css
JS https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js

Bootstrap 3

CSS JS

Version historique de Bootstrap basée sur les floats. Compatible IE8+, elle reste utilisée dans de nombreux projets legacy.

CSS https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css
JS https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js

Font Awesome 4

CSS

Bibliothèque d'icônes vectorielles CSS classique. Plus de 600 icônes intégrées via classes CSS, compatible avec tous les navigateurs modernes.

CSS https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css

Font Awesome 5

CSS

Version 5 de Font Awesome avec plus de 1 500 icônes gratuites. Supporte SVG, Web Fonts et les icônes de marques (brands).

CSS https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css

jQuery 3.5.1

JS

Bibliothèque JavaScript légère pour la manipulation du DOM, les événements, les animations et les requêtes AJAX. Indispensable pour de nombreux plugins.

JS https://code.jquery.com/jquery-3.5.1.slim.min.js

AngularJS 1.8.2

JS

Framework MVC JavaScript de Google (version 1.x). Basé sur les directives et le data-binding bidirectionnel pour construire des SPA.

JS https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.2/angular.min.js

Animate.css

CSS

Collection de classes CSS prêtes à l'emploi pour animer vos éléments HTML : bounce, fadeIn, slide, zoom et bien d'autres effets.

CSS https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css

Swiper

CSS JS

Slider/carousel moderne et performant pour mobile et desktop. Supporte le touch, les effets 3D, la pagination et l'autoplay.

CSS https://unpkg.com/swiper/swiper-bundle.min.css
JS https://unpkg.com/swiper/swiper-bundle.min.js

Owl Carousel 2

CSS JS

Plugin jQuery pour créer des carousels responsives et tactiles. Très configurable avec de nombreuses options d'animation et de navigation.

CSS https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.css
JS https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js

Foundation 6

CSS JS

Framework front-end professionnel de Zurb. Alternative à Bootstrap avec une grille XY puissante, des composants accessibles et un système de thèmes Sass.

CSS https://cdnjs.cloudflare.com/ajax/libs/foundation/6.6.3/css/foundation.min.css
JS https://cdnjs.cloudflare.com/ajax/libs/foundation/6.6.3/js/foundation.min.js

DataTables

CSS JS

Plugin jQuery pour transformer des tableaux HTML en tableaux interactifs avec tri, pagination, recherche instantanée et export.

CSS https://cdn.datatables.net/1.10.23/css/jquery.dataTables.min.css
JS https://cdn.datatables.net/1.10.23/js/jquery.dataTables.min.js

Materialize CSS

CSS JS

Framework CSS inspiré du Material Design de Google. Composants visuels modernes, animations fluides et grille responsive intégrée.

CSS https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css
JS https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js

UIkit 3.6.9

CSS JS

Framework CSS léger et modulaire avec une riche bibliothèque de composants HTML/CSS/JS. Idéal pour des interfaces propres et personnalisables.

CSS https://cdn.jsdelivr.net/npm/uikit@3.6.9/dist/css/uikit.min.css
JS https://cdn.jsdelivr.net/npm/uikit@3.6.9/dist/js/uikit.min.js

Semantic UI

CSS JS

Framework CSS basé sur une syntaxe naturelle et lisible. Composants sémantiques, thèmes intégrés et grande flexibilité de personnalisation.

CSS https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css
JS https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js

Popper.js

JS

Bibliothèque de positionnement pour les popups, tooltips, dropdowns et popovers. Utilisée en interne par Bootstrap 4 et 5.

JS https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js

Chart.js

CSS JS

Bibliothèque JavaScript pour créer des graphiques interactifs : barres, lignes, camembert, radar, etc. Simple à intégrer via canvas HTML5.

CSS https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.css
JS https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js

TypeScript

JS

Superset JavaScript avec typage statique développé par Microsoft. Compile en JS natif et améliore la robustesse et la maintenabilité du code.

JS https://cdnjs.cloudflare.com/ajax/libs/typescript/4.1.3/typescript.min.js

Material UI

JS

Bibliothèque de composants React basée sur le Material Design de Google. Fournit des composants accessibles, personnalisables et prêts à la production.

JS https://cdnjs.cloudflare.com/ajax/libs/material-ui/4.11.2/index.min.js

Gulp

JS

Outil d'automatisation des tâches front-end : compilation Sass, minification JS/CSS, optimisation d'images et rechargement automatique du navigateur.

JS https://cdnjs.cloudflare.com/ajax/libs/gulp/3.8.5/gulp.min.js

PDF.js

CSS JS

Bibliothèque Mozilla pour afficher des fichiers PDF directement dans le navigateur via HTML5 Canvas, sans plugin externe requis.

CSS https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf_viewer.min.css
JS https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js

Boxicons

CSS JS

Collection d'icônes SVG open-source de haute qualité. Plus de 1 500 icônes en trois styles : Regular, Solid et Logos.

CSS https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css
JS https://unpkg.com/boxicons@latest/dist/boxicons.js

Pagination.js

CSS JS

Plugin jQuery léger pour créer une pagination côté client ou serveur. Supporte AJAX, personnalisation des boutons et callbacks.

CSS https://cdnjs.cloudflare.com/ajax/libs/paginationjs/2.1.5/pagination.css
JS https://cdnjs.cloudflare.com/ajax/libs/paginationjs/2.1.5/pagination.min.js

Bootstrap Datepicker

CSS JS

Plugin de sélection de date pour Bootstrap. Interface calendrier intuitive avec support de la localisation, des plages de dates et des formats personnalisés.

CSS https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css
JS https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js

Modernizr

JS

Bibliothèque JavaScript de détection de fonctionnalités HTML5 et CSS3. Permet d'adapter le comportement de l'application selon les capacités du navigateur.

JS https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js

Lightbox2

CSS JS

Plugin jQuery pour afficher des images et galeries en overlay. Simple à intégrer avec support du swipe, des légendes et des animations.

CSS https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.min.css
JS https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox-plus-jquery.min.js

Lozad.js

JS

Bibliothèque de lazy loading ultra-légère (moins de 1 ko) basée sur l'IntersectionObserver. Charge les images et iframes uniquement quand elles sont visibles.

JS https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js

Tailwind CSS

CSS

Framework utility-first pour construire des interfaces rapidement avec des classes CSS atomiques et un design system hautement personnalisable.

CSS https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css

Alpine.js

JS

Micro-framework JavaScript déclaratif pour ajouter de l'interactivité légère dans le HTML sans SPA complète.

JS https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js

Axios

JS

Client HTTP basé sur les Promises pour faire des requêtes API côté navigateur et Node.js avec une syntaxe simple.

JS https://cdn.jsdelivr.net/npm/axios@1.6.8/dist/axios.min.js

Day.js

JS

Bibliothèque légère pour manipuler les dates en JavaScript, compatible avec l'API de Moment.js mais beaucoup plus compacte.

JS https://cdn.jsdelivr.net/npm/dayjs@1/dayjs.min.js

AOS (Animate On Scroll)

CSS JS

Bibliothèque d'animations au scroll pour révéler les éléments au bon moment et améliorer la dynamique visuelle des pages.

CSS https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.css
JS https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.js

Prism.js

CSS JS

Highlighter de code syntaxique pour afficher proprement des extraits de code HTML, CSS, JavaScript et de nombreux autres langages.

CSS https://cdn.jsdelivr.net/npm/prismjs@1/themes/prism.min.css
JS https://cdn.jsdelivr.net/npm/prismjs@1/prism.min.js

highlight.js

CSS JS

Bibliothèque de coloration syntaxique automatique pour blocs de code, simple à intégrer avec thèmes variés.

CSS https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/github.min.css
JS https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/lib/highlight.min.js

Toastr

CSS JS

Librairie de notifications toast non bloquantes pour afficher des messages de succès, info, avertissement ou erreur.

CSS https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css
JS https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js

SweetAlert2

CSS JS

Bibliothèque de popups modernes et accessibles, alternative élégante aux alertes JavaScript natives.

CSS https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css
JS https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.all.min.js

Lodash

JS

Boite a outils utilitaire JavaScript avec des fonctions robustes pour les tableaux, objets, chaînes et optimisations de code.

JS https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js