# Page transition animation in weweb?

**URL:** <https://community.weweb.io/t/page-transition-animation-in-weweb/4897>\
**Category:** How do I?\
**Created:** [October 13, 2023, 6:01pm UTC](https://community.weweb.io/t/page-transition-animation-in-weweb/4897 "2023-10-13T18:01:46Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![fredo22](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/fredo22/32/2283_2.png) [@fredo22](https://community.weweb.io/u/fredo22)\
**Post date:** [October 13, 2023, 6:01pm UTC](https://community.weweb.io/t/page-transition-animation-in-weweb/4897/1 "2023-10-13T18:01:46Z")

</div>

Hi All.  
Is it possible to create a page transition animation in weweb? I’d like to be able to do this type of transition if users are on mobile device… tap on a row and new view slides in from right, and tap the back chevron to reverse the transition animation.

![ezgif.com-video-to-gif](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/2/24215809dc8befe96795fa7fa0cf27021555bba0.gif)

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [October 16, 2023, 10:18am UTC](https://community.weweb.io/t/page-transition-animation-in-weweb/4897/2 "2023-10-16T10:18:34Z")

</div>

Hi @fredo22 👋

In between pages, this is not possible in no-code at the moment.

However, you could do something similar with multiple sections on the same page.

Are these two separate pages in your GIF or is the first screen a navigation menu?

---

<div class="post-metadata">

**Author:** ![fredo22](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/fredo22/32/2283_2.png) [@fredo22](https://community.weweb.io/u/fredo22)\
**Post date:** [October 16, 2023, 6:16pm UTC](https://community.weweb.io/t/page-transition-animation-in-weweb/4897/3 "2023-10-16T18:16:53Z")

</div>

Thanks @Joyce These screens are from our current app. I’ve been playing around with the best we to provide optimum user experience for each device size (and add some kind of animation for mobile transition from the menu to the pages. Q: Can I create a homegrown pop-out menu and then add that to multiple pages as a multi-page section to make those pages load as a single page (SPA)?

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [October 16, 2023, 6:28pm UTC](https://community.weweb.io/t/page-transition-animation-in-weweb/4897/4 "2023-10-16T18:28:25Z")

</div>

You could look into barba.js, but it would require code

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [October 18, 2023, 11:00am UTC](https://community.weweb.io/t/page-transition-animation-in-weweb/4897/5 "2023-10-18T11:00:32Z")

</div>

> [@fredo22](#):
>
> Q: Can I create a homegrown pop-out menu and then add that to multiple pages as a multi-page section to make those pages load as a single page (SPA)?

Not sure I understand the question but yes, you can design one pop-up menu and use it as a multi-page section. In that case, the pop-up will not be reloaded when you change page.

---

<div class="post-metadata">

**Author:** ![Adrian1](https://avatars.discourse-cdn.com/v4/letter/a/f08c70/32.png) [@Adrian1](https://community.weweb.io/u/Adrian1)\
**Post date:** [July 8, 2025, 11:04am UTC](https://community.weweb.io/t/page-transition-animation-in-weweb/4897/6 "2025-07-08T11:04:34Z")

</div>

Hey there, saw this thread just now and I am wondering if there are any updates on this and if this is possible now? I know framer has this feature and am wondering how to implement it in weweb. Thanks in advance.