Swup
Apart from loading the contents of the new page and replacing required parts in DOM, swup is built around CSS transition. The main thing that needs to be done is defining hidden state in CSS. Swup detects the end of transition of animated elements and proceeds to replacing the...
Cost / License
- Free
- Open Source
Platforms
- Self-Hosted
Features
- Transitions Effects
Tags
- page-transition
- transition
- Web Development
Swup News & Activities
Recent activities
Swup information
Developed by
Georgy MarchukLicensing
Open Source (MIT) and Free product.Written in
Alternatives
2 alternatives listedSupported Languages
- English
AlternativeTo Category
DevelopmentGitHub repository
- 5,080 Stars
- 200 Forks
- 3 Open Issues
- Updated
What is Swup?
Apart from loading the contents of the new page and replacing required parts in DOM, swup is built around CSS transition. The main thing that needs to be done is defining hidden state in CSS. Swup detects the end of transition of animated elements and proceeds to replacing the content of containers and animating your page back. For the animations based on CSS to be possible, swup uses several classes that are assigned to the html tag through the process of page transition.