Table of contents
Swup
Complete, flexible, extensible and easy to use page transition library for your web.
As Swup is an open source project, you can find more
open source alternatives and stats
on LibHunt.
Seamless Page Transitions
Swup enables seamless and smooth page transitions, enhancing the user experience by making navigation between pages feel instant and fluid without full-page reloads.
Easy Integration
Swup is designed to be straightforward to implement into existing projects with minimal configuration, allowing developers to quickly add page transitions to their websites.
Plugin Ecosystem
Swup offers a wide range of plugins that extend its functionality, providing features like animations, preloading, and more, giving developers flexibility and control over the user experience.
Improved Performance
By avoiding full-page reloads, Swup can improve website performance by reducing loading times, leading to a more responsive and faster user experience.
SEO Friendly
Swup is built with SEO in mind, ensuring that the use of asynchronous page transitions does not negatively impact search engine crawling and indexing.
We have collected here some useful links to help you find out if Swup is good.
Check the traffic stats of Swup on SimilarWeb. The key metrics to look for are: monthly visits, average visit duration, pages per visit, and traffic by country. Moreoever, check the traffic sources. For example "Direct" traffic is a good sign.
Check the "Domain Rating" of Swup on Ahrefs. The domain rating is a measure of the strength of a website's backlink profile on a scale from 0 to 100. It shows the strength of Swup's backlink profile compared to the other websites. In most cases a domain rating of 60+ is considered good and 70+ is considered very good.
Check the "Domain Authority" of Swup on MOZ. A website's domain authority (DA) is a search engine ranking score that predicts how well a website will rank on search engine result pages (SERPs). It is based on a 100-point logarithmic scale, with higher scores corresponding to a greater likelihood of ranking. This is another useful metric to check if a website is good.
The latest comments about Swup on Reddit. This can help you find out how popualr the product is and what people think about it.
Https://swup.js.org/ single-page-app but with minimal framework, still along for the feel of an SPA. - Source: dev.to / about 1 year ago
Sure, you can use any number of JS-avoidance libraries. I'm a fan of Turbo, and there's also htmx, Unpoly, Alpine, hyperscript, swup, barba.js, and probably others. - Source: dev.to / over 1 year ago
Swup is this nice page transition library I found recently : https://swup.js.org/. Source: over 1 year ago
So what are View Transitions good for? In short, they allow adding animated page transitions. Although we already have several standard options to animate stuff on web pages (CSS Transitions, CSS Animations or the Web Animations API) and countless more options in particular JavaScript frameworks and libraries (Framer Motion for React, Vue Transitions, Svelte Transitions, Swup, Barba.js or Animate.css to name just... - Source: dev.to / over 2 years ago
Is https://turbo.hotwired.dev/ my replacement? Or Swup.js? Source: over 2 years ago
I've used https://swup.js.org/. Simple to setup with one of the built in/contributed themes, haven't tried building a custom theme however. Also has a lot of good plugins for eg. accessibility. I used it in combination with Astro so a static site with a separate html file for each page. Source: over 2 years ago
Like Gatsby or Next, Astro does not have any client side navigation. So each link click triggers a full page reload. Astro recommends to use Swup as mentioned here. Turbo is also another option though the team does not recommend it. I'm currently using Swup which I'll probably switch from or completely remove it as I have added TOC to MDX and clicking on a title is not redirecting the page to that particular section. - Source: dev.to / over 2 years ago
I've come across swup , HighwayJS and barba js. Source: over 2 years ago
I tried Barba in the past, but I found it rather tricky to manage and update. I prefer swup.js with the js plugin (if I need GSAP to handle transitions). Smoother and lighter, easier to understand, works well with wordpress if you have deep understanding of all the plugins you’ll be using. Source: over 2 years ago
Haven't spun up fresh, but this is what Astro uses for SPA-like behaviour (client-side routing), and it comes as a plugin: https://swup.js.org/. Source: over 2 years ago
Barba is good for this sort of thing. It may be a little heavy for just page transitions. maybe pjax or swup might be easier? Source: over 3 years ago
I wanted to give the website the feeling that it is a single-page web application by making page transitions. The history API was the answer to this. However, after doing some research, I've found that the history API doesn't come without its caveats and edge-case problems. Instead of taking the time to further research and write code for all of that, I decided to use an already existing plugin, Swup. Not only... - Source: dev.to / about 4 years ago
Do you know an article comparing Swup to other products?
Suggest a link to a post with product alternatives.
Is Swup good? This is an informative page that will help you find out. Moreover, you can review and discuss Swup here. The primary details have not been verified within the last quarter, and they might be outdated. If you think we are missing something, please use the means on this page to comment or suggest changes. All reviews and comments are highly encouranged and appreciated as they help everyone in the community to make an informed choice. Please always be kind and objective when evaluating a product and sharing your opinion.
