swup swup Tutorials
GitHub swup on GitHub


If you prefer visual learning, you can find a wealth of video tutorials created by swup users. They provide step-by-step guidance and in-depth explanations of advanced features. If you're looking for more examples, we also recommend looking for more swup content on YouTube.

Build Amazing Page Transitions In Only 12 Minutes

All it takes is a single library called Swup and a few CSS styles and your entire web application will have smooth animations.

© Web Dev Simplified

Creating Page Transition Animations Easily

Swup gives you the ability to easily integrate page transition animations and provides you with a lot of control and flexibility by defining the animations yourself in CSS.

© DesignCourse

Page Transitions: How to Create Them? With Swup!

Content in Spanish

© AnimatiCSS

Transitions Between Pages With Swup

Content in French

© Grafikart.fr

Creating Page Transitions With Swup

Content in Italian

© Marchetti Design

Swup Transition in Astro

Content in German

© Programmieren mit Mario