TeleportHQ logo| Help center
Go to website
TopicsAll articlesWhy TeleportHQ?Getting startedProjects & dashboardBuild with AIUsing the editorDesign & stylingAnimation & motion
Animations
Scroll stories
Page transitions
Images, icons & filesData & databasesFormsWeb appsOnline storeBookingsBlog & Help CenterSEO, analytics & marketingMultilingual sitesPublishing & domainsImport, export & codeProject settingsWorkspaces & teamworkPlans & billingYour accountTroubleshooting
Help Center›Animation & motion›Page transitions

Page transitions

How one page hands over to the next.

Articles

How to add page transitions to your site

How to add page transitions to your site

In TeleportHQ, click the Project settings cog at the bottom of the left sidebar, open Page transitions under Appearance and click a card such as Fade or Slide up; the transition then plays every time a visitor moves from one page of your site to another, in Preview and on the published site.

How to design your own page transition

How to design your own page transition

In TeleportHQ, open Project settings → Page transitions, click the Design your own card at the bottom of the list, pick a starting point in Start from, then set Duration (s), Easing, and how the new page arrives and the old page leaves; the card shows the result as you change the values.

How to turn off the page transition for one page or folder

How to turn off the page transition for one page or folder

In TeleportHQ, right-click a page in the Pages list and switch on Skip page transition (or Skip page transitions on a folder); that page then appears instantly instead of playing your site's page transition, while leaving it still plays the transition.

How to make a picture fly to the next page

How to make a picture fly to the next page

In TeleportHQ, when a picture inside a link opens a page that shows the same picture, the picture flies into its place on the next page while the page transition plays; it's on by default, under Project settings → Page transitions → Pictures → Fly to the next page.

Not finding what you are looking for?

Write us an email
TeleportHQ Logo

© 2026 TeleportHQ