Intégration web

Les CDN utiles à connaître pour vos projets web

Cdn Performance Web Bibliotheques Ressources Cdn-Css Cdn-Js Jsdelivr Unpkg Cdnjs Front-End Optimisation Bootstrap Ressources-Web
Les CDN utiles à connaître pour vos projets web

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

Questions fréquentes

Un CDN (Content Delivery Network) est un réseau de serveurs géographiquement distribués qui livrent les fichiers statiques depuis le serveur le plus proche de l'utilisateur. Pour les bibliothèques comme Bootstrap, jQuery ou Font Awesome, le CDN offre 3 avantages : vitesse (serveur proche), cache navigateur partagé (si déjà chargé depuis le même CDN), et zéro infrastructure à gérer.

Les CDN recommandés : jsDelivr (cdn.jsdelivr.net) — le plus fiable, open source, zéro tracking. cdnjs.cloudflare.com — Cloudflare, très rapide. unpkg.com — direct depuis npm. Pour les projets en production, jsDelivr est le choix privilégié car il combine GitHub, npm et Cloudflare, et garantit 100% de disponibilité.

Utilisez l'attribut integrity (Subresource Integrity) sur vos balises et : integrity="sha384-..." crossorigin="anonymous". Le navigateur calcule le hash du fichier téléchargé et le compare — si ça ne correspond pas, il bloque le chargement. Tous les CDN majeurs (jsDelivr, cdnjs) fournissent ces hashes SRI dans leur interface.

CDN : idéal pour prototypes, sites simples, et intégrations rapides. Pas de build step, démarrage immédiat. Bundler local : recommandé pour les applications production — tree-shaking (moins de CSS/JS inutile), offline first, contrôle des versions, et pas de dépendance externe. Pour une app Angular/React/Vue, utilisez toujours npm + bundler. Pour une page HTML statique, le CDN suffit.