
The Quickest Way to Start a Project
Sometimes you just need to test an idea in a single index.html file without setting up a full build environment. This is where public CDNs are indispensable.
This guide is a simple cheatsheet for production-ready CDN links for the most popular front-end libraries, served via the fast and reliable StaticDelivr network. All you need to do is copy-paste.
React
For React, you need two scripts: react and react-dom.
<!-- Load React -->
<script crossorigin src="https://cdn.staticdelivr.com/npm/react@18/umd/react.production.min.js"></script>
<script crossorigin src="https://cdn.staticdelivr.com/npm/react-dom@18/umd/react-dom.production.min.js"></script>You can find more React-specific usage examples on our React CDN page.
Vue.js
For Vue 3, you just need a single script tag.
<!-- Load Vue 3 -->
<script src="https://cdn.staticdelivr.com/npm/vue@3/dist/vue.global.prod.js"></script>Explore more Vue versions and options on our dedicated Vue CDN page.
Bootstrap 5
For Bootstrap, you need both the CSS for styling and the JS bundle for interactive components like dropdowns and modals.
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.staticdelivr.com/npm/bootstrap@5/dist/css/bootstrap.min.css">
<!-- Bootstrap JS -->
<script src="https://cdn.staticdelivr.com/npm/bootstrap@5/dist/js/bootstrap.bundle.min.js"></script>Check out our Bootstrap page for other files, like the Sass source.
jQuery
Still the king for quick DOM manipulation, jQuery can be loaded with one line.
<!-- Load jQuery -->
<script src="https://cdn.staticdelivr.com/npm/jquery@3.7.1/dist/jquery.min.js"></script>Why Use StaticDelivr?
All links on this page point to our globally distributed, multi-CDN network. This means:
High Performance: Low latency for users anywhere in the world.
Reliability: We have automatic failover to ensure the links always work.
Always Free: StaticDelivr is open-source and free for everyone.
For a full list of over 1.5 million other packages available, head over to our main npm page.