# Page transition animation

**URL:** https://community.weweb.io/t/page-transition-animation/17577
**Category:** Ask us anything
**Created:** [April 2, 2025, 9:55am UTC](https://community.weweb.io/t/page-transition-animation/17577 "2025-04-02T09:55:54Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![stephan1](https://avatars.discourse-cdn.com/v4/letter/s/cdc98d/32.png) [@stephan1](https://community.weweb.io/u/stephan1)
#### Post date: [April 2, 2025, 9:55am UTC](https://community.weweb.io/t/page-transition-animation/17577/1 "2025-04-02T09:55:55Z")

</div>

Is it correct that you cannot do animations like fade-in when loading pages? If so, how would I do that? If not, it would sure be nice to have it as a feature in weweb… 🙂

---

<div class="post-metadata">

### Author: ![Himanshu](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/himanshu/32/16305_2.png) [@Himanshu](https://community.weweb.io/u/Himanshu)
#### Post date: [April 2, 2025, 10:34am UTC](https://community.weweb.io/t/page-transition-animation/17577/2 "2025-04-02T10:34:06Z")

</div>

You mean a page loader?

---

<div class="post-metadata">

### Author: ![stephan1](https://avatars.discourse-cdn.com/v4/letter/s/cdc98d/32.png) [@stephan1](https://community.weweb.io/u/stephan1)
#### Post date: [April 2, 2025, 12:21pm UTC](https://community.weweb.io/t/page-transition-animation/17577/3 "2025-04-02T12:21:39Z")

</div>

No, I mean transitions when clicking on a link to open a new page in the app. So the page fades in or slights in from the right/left etc (the kind of stuff you have on [https://animate.style/](https://animate.style/)). In standard vue.js apps this is pretty trivial to do, mainly because there you most of the times use the concept of layouts.

Speaking of which, layouts would be even more awesome to have in Weweb…

---

<div class="post-metadata">

### Author: ![Himanshu](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/himanshu/32/16305_2.png) [@Himanshu](https://community.weweb.io/u/Himanshu)
#### Post date: [April 2, 2025, 12:43pm UTC](https://community.weweb.io/t/page-transition-animation/17577/4 "2025-04-02T12:43:33Z")

</div>

Animations are available. If you scroll down in the element inspector you can use them.

I don’t use animations so not sure if you’d be able to recreate the same animations or not.

[![](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/7/78abc63d895117b37f891186dc9a377a47f2f808.jpeg "Building in public with WeWeb - CSS Animations") ](https://www.youtube.com/watch?v=YotByu7lEuQ)

[![](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/2/2bc72d781944c27da11fa807d4ea43e8c22f51ee.jpeg "Appear transition in WeWeb") ](https://www.youtube.com/watch?v=zMUFbLUH3Xc)

---

<div class="post-metadata">

### Author: ![stephan1](https://avatars.discourse-cdn.com/v4/letter/s/cdc98d/32.png) [@stephan1](https://community.weweb.io/u/stephan1)
#### Post date: [April 2, 2025, 2:12pm UTC](https://community.weweb.io/t/page-transition-animation/17577/5 "2025-04-02T14:12:34Z")

</div>

Thanks, I saw this. The only way I could see this working is if I embed all page sections in one main container and put the animation on this. However, I don’t like changing the page structure this way for a ‘nice to have’