What is this?
Popular JavaScript Libraries & CDN Links is an online resource that lists commonly used JavaScript libraries for frontend development along with their CDN links. A CDN (Content Delivery Network) hosts library files on servers around the world to help pages load faster. There is no need to download files locally—just copy a single <script> tag to start using a library in your project.
How to use this page
You'll find a search box and a library list on this page. Use either method below to quickly find the library you need:
- Enter a library name in the search box, such as “jQuery,” “Vue,” or “React,” and the list will filter results instantly.
- Browse the list and click a library’s “Copy” button to copy its CDN link with one click.
- Paste the copied link into the <head> or <body> section of your HTML file to load the library.
- Can't find the library you need? Use the “Feedback” link at the bottom of the page to let us know.
Examples: Add jQuery and Vue
Here’s how it works with two popular libraries:
Example 1: Add jQuery 3.7.1
Search for “jQuery” to see multiple versions. Find version 3.7.1 and click the “Copy” button to get this link:
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
Paste this code inside your HTML file’s <head> tag, and you can use the $ symbol on the page.
Example 2: Add Vue 3.4.0
Search for “Vue,” select version 3.4.0, and copy the link:
<script src="https://cdn.jsdelivr.net/npm/vue@3.4.0/dist/vue.global.prod.js"></script>
After pasting it, the Vue global object is ready to use. To verify that Vue loaded successfully, enter Vue.version in your browser’s developer console.
Common use cases
- Rapid prototyping: Quickly add libraries such as jQuery or Bootstrap while building a page prototype—no bundler setup required. Just copy the CDN link.
- Learning frontend frameworks: When you’re new to Vue or React, use a CDN directly in HTML to focus on learning the syntax instead of setting up a development environment.
- Maintaining legacy projects: If you inherit an older project without build tools, use a CDN to add missing libraries and restore functionality quickly.
Things to keep in mind
- CDN links can become unavailable: The links on this page come from reputable public CDN providers such as jsDelivr and unpkg, but third-party services cannot be guaranteed to remain available forever. Keep local backups of critical resources for production projects.
- Library versions change: Libraries are updated continuously, and the version shown here may not be the latest. You can edit the version number in the link manually or follow the library’s official releases.
- Security: When loading scripts from a CDN, make sure you trust the source. The links listed here use officially supported CDNs, but you should still verify that the domain is the provider you expect.
- Load order: If you load several libraries with dependencies, such as jQuery and Bootstrap, make sure dependent libraries load after their dependencies.
Frequently asked questions
- Are all libraries in this tool free?
- All listed libraries are open-source and free to use. The CDN services are also free, but be sure to follow each library’s license requirements.
- What if a CDN link stops working?
- If a link is unavailable, try another CDN provider, such as switching from jsDelivr to unpkg. You can also report it through the feedback option on this page, and we’ll update it as soon as possible.
- How can I find the latest version of a library?
- Search for the library on this page to see the versions we list. You can also check the library’s official website or npm page for the latest version number, then update the link manually.
- Why do some libraries only include specific versions?
- We list commonly used stable versions. If you need another version, edit the version number in the link, as long as that version is available on the CDN.
- Can I use these CDN links in production?
- Yes. Many large websites use public CDNs. For reliability, use version-pinned links and consider setting up a backup CDN or local fallback.
Now enter the name of the library you need in the search box above and give it a try.