🎉 Black Friday deal! 30% off your first year of CodyHouse Pro →


Progress value is 30%

Page Transition v1

Page transition effect.

View Demo


All components are based on CodyFrame.

If you're using this component, you should also include the SCSS/JS of the following components:

How to

The Page Transition v1 component is a page transition effect where two blocks slide in to hide the current content, then slide out to reveal the new content.

Use the background utility classes to set the color of the blocks and the loader.

New content initialization #

After the new page content has been injected into the DOM, you may need to re-initialize its JavaScript.

For more info on how to do that, refer to the Page Transition Plugin Info page.

Project duplicated

Project created

Globals imported

There was an error while trying to export your project. Please try again or contact us.