This repository provides custom demo CDN links for JavaScript, CSS, and other assets, making it easy to integrate them into your projects. Whether you're building a website or testing new features, these CDNs let you quickly access the resources you need. Simply include the provided links in your HTML files to seamlessly use the styles and scripts without downloading any files.
- Done !!!!
!!!! Added a simple demo test.html for easy understanding
- Using jsdelivr.com
// load any GitHub release, commit, or branch
// note: we recommend using npm for projects that support it
https://cdn.jsdelivr.net/gh/user/repo@version/file
// load jQuery v3.6.4
https://cdn.jsdelivr.net/gh/jquery/[email protected]/dist/jquery.min.js
// use a version range instead of a specific version
https://cdn.jsdelivr.net/gh/jquery/[email protected]/dist/jquery.min.js
https://cdn.jsdelivr.net/gh/jquery/jquery@3/dist/jquery.min.js
// omit the version completely to get the latest one
// you should NOT use this in production
https://cdn.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js
// add ".min" to any JS/CSS file to get a minified version
// if one doesn't exist, we'll generate it for you
https://cdn.jsdelivr.net/gh/jquery/[email protected]/src/core.min.js
// add / at the end to get a directory listing
https://cdn.jsdelivr.net/gh/jquery/jquery/
// load any project hosted on npm
https://cdn.jsdelivr.net/npm/package@version/file
// load jQuery v3.6.4
https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js
// use a version range instead of a specific version
https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js
https://cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js
// omit the version completely to get the latest one
// you should NOT use this in production
https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js
// add ".min" to any JS/CSS file to get a minified version
// if one doesn't exist, we'll generate it for you
https://cdn.jsdelivr.net/npm/[email protected]/src/core.min.js
// omit the file path to get the default file
https://cdn.jsdelivr.net/npm/[email protected]
// add / at the end to get a directory listing
https://cdn.jsdelivr.net/npm/jquery/
// load any GitHub release, commit, or branch
// note: we recommend using npm for projects that support it
https://cdn.jsdelivr.net/gh/user/repo@version/file
// load jQuery v3.6.4
https://cdn.jsdelivr.net/gh/jquery/[email protected]/dist/jquery.min.js
// use a version range instead of a specific version
https://cdn.jsdelivr.net/gh/jquery/[email protected]/dist/jquery.min.js
https://cdn.jsdelivr.net/gh/jquery/jquery@3/dist/jquery.min.js
// omit the version completely to get the latest one
// you should NOT use this in production
https://cdn.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js
// add ".min" to any JS/CSS file to get a minified version
// if one doesn't exist, we'll generate it for you
https://cdn.jsdelivr.net/gh/jquery/[email protected]/src/core.min.js
// add / at the end to get a directory listing
https://cdn.jsdelivr.net/gh/jquery/jquery/
- 📦 Hosted CDN for JavaScript and CSS: Access scripts and styles from anywhere.
- 📄 Support for Multiple File Types: Includes
.js,.css, and more. - 🛠️ Simple Integration: Just copy the CDN link and add it to your project.
-
For JavaScript:
<script src="https://your-cdn-link.com/yourfile.js"></script> -
For CSS:
<link rel="stylesheet" href="https://your-cdn-link.com/yourfile.css"> -
Example Usage:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Demo Project</title> <link rel="stylesheet" href="https://your-cdn-link.com/styles.css"> </head> <body> <h1>Hello World!</h1> <script src="https://your-cdn-link.com/script.js"></script> </body> </html>