swup
Sites using swup #333
Replies: 65 comments 9 replies
-
|
Karachi Website Design & Web Development Company Pakistan - Pexsol |
Beta Was this translation helpful? Give feedback.
-
|
Metropolis Moving: NYC's Friendliest Moving Professionals - Brooklyn, New York |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
|
We finished this one last summer but forgot to post it here. |
Beta Was this translation helpful? Give feedback.
-
|
Oh damn, I love how the header/hero stays on-page and adjusts its size to the content. Really nice showcase of using Swups multiple container functionality the right way. 👏 I see you're using a custom implementation of Your implementation seems buggy at times, but it sounds like a great idea for a plugin. It's just a thought, in case you would be interested in sharing it with others yourself or under @swup org. |
Beta Was this translation helpful? Give feedback.
-
|
We published this about a year or even more ago, but wanted to include it here. Absolutely love Swup. We use GSAP with the JS plugin (swupjs) for page transition animations and use events like willReplaceContent to collect animations in the garbage before loading new ones with contentReplaced. pageView is handy for triggering lazy loading images. Keeps the site running fast and smooth. We also use SwupPreloadPlugin, SwupBodyClassPlugin, and SwupA11YPlugin. |
Beta Was this translation helpful? Give feedback.
-
|
So buttery smooth and gorgeous. Love it! ❤️ |
Beta Was this translation helpful? Give feedback.
-
|
For devs using the Metalsmith static site generator, here is a blogpost to help: https://www.glinka.co/blog/metalsmith-website-behaves-like-single-page-app/ tltr... It is super easy ;-) |
Beta Was this translation helpful? Give feedback.
-
|
Very nice! Have you thought about adding the a11y plugin for enhanced accessibility? |
Beta Was this translation helpful? Give feedback.
-
|
I’d better reed up on all the plugins. Thank you for the tip! |
Beta Was this translation helpful? Give feedback.
-
Note
Swup now has a showcase page with screenshots on the official website! There you can browse swup-powered sites, get inspired, and submit your own projects. This discussion is kept around as an archive of sorts, but jump over to the website to see up-to-date examples. Open Showcase Page on Website →
You can get an idea of what swup does from the sites that are already using swup.
If you have your own site to post, please go ahead below. 🚀
Beta Was this translation helpful? Give feedback.
All reactions