Now Packing Magic

    swup
    TypeScript icon, indicating that this package has built-in type declarations

    3.0.4 • Public • Published

    swup

    npm version Bundle size License npm downloads Test status


    Swup

    Complete, flexible, extensible, and easy-to-use page transition library for your server-side rendered website.

    FeaturesDocumentationPluginsThemesDiscussions

    Overview

    Swup is a library that helps you add page transitions to server-side rendered websites. It handles the complete lifecycle of a page visit by intercepting link clicks, loading the new page in the background, replacing the content and transitioning between the old and the new page.

    Its goal is to make adding transitions to a site as simple as possible, while providing lots of other quality-of-life improvements.

    Features

    • Auto-detects CSS transitions for perfect timing
    • 🔗 Updates URLs and preserves native browser history behavior
    • 📦 Uses a cache to speed up subsequent page loads
    • 💡 Offers events for hooking into the lifecycle
    • 🔌 Has a powerful plugin system and many official and third-party plugins
    • 🎨 Provides ready-to-go themes to get started quickly

    Examples

    Take a look at Sites using swup for more examples.

    Having trouble?

    If you're having trouble implementing swup, check out the Common Issues section of the docs, look at closed issues or create a new discussion.

    Want to Contribute?

    We're looking for maintainers!   👀

    Become a sponsor on Open Collective or support development through GitHub sponsors.

    Install

    npm i swup

    DownloadsWeekly Downloads

    4,575

    Version

    3.0.4

    License

    MIT

    Unpacked Size

    353 kB

    Total Files

    73

    Last publish

    Collaborators

    • gmrchk