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