Get started with swup CDN
MIT licensed
The swup library is a lightweight, component-based router for progressive enhancement of single-page applications.
Tags:- css
- animation
- page
- transition
Stable version
Copied!
How to start using swup CDN
<!DOCTYPE html>
<html>
<head>
<title>Get started with swup CDN - cdnhub.io</title>
<link rel="icon" href="/favicon.ico">
<link rel="stylesheet" href="styles.css">
<script src="https://cdn.cdnhub.io/swup/4.6.0/Swup.umd.js"></script>
<script>
document.addEventListener('DOMContentLoaded', () => {
const swup = new Swup();
swup.init();
});
</script>
</head>
<body>
<header>
<nav>
<!-- Navigation links go here -->
</nav>
</header>
<main id="content">
<!-- Your content goes here -->
</main>
<footer>
<!-- Footer content goes here -->
</footer>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
All versions
2.0.1
2.0.10
2.0.11
2.0.12
2.0.13
2.0.14
2.0.15
2.0.16
2.0.17
2.0.18
2.0.19
2.0.2
2.0.3
2.0.4
2.0.5
2.0.6
2.0.7
2.0.8
2.0.9
3.0.0
3.0.0-rc.1
3.0.0-rc.2
3.0.0-rc.3
3.0.0-rc.4
3.0.1
3.0.2
3.0.3
3.0.4
3.0.5
3.0.6
3.0.7
3.0.8
3.1.0
3.1.1
4.0.0
4.0.0-rc.14
4.0.0-rc.20
4.0.0-rc.21
4.0.0-rc.22
4.0.0-rc.23
4.0.0-rc.24
4.0.0-rc.25
4.0.0-rc.26
4.0.0-rc.27
4.0.0-rc.28
4.0.0-rc.29
4.0.0-rc.30
4.0.0-rc.31
4.0.1
4.1.0
4.2.0
4.3.0
4.3.1
4.3.2
4.3.3
4.3.4
4.4.0
4.4.1
4.4.2
4.4.3
4.4.4
4.5.0
4.5.1
4.5.2
4.6.0
4.6.1
*** 4.7.0