> Markdown version of [/events/world-congress-2024/sessions/294-view-transition-api](https://www.wearedevelopers.com/events/world-congress-2024/sessions/294-view-transition-api). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# View-Transition-API: Gamechanger for hybrid app-development


- **Date:** Friday, Jul 19, 2024
- **Time:** 10:20–10:50 (30 min)
- **Room:** STAGE 5 (500)
- **Event:** World Congress 2024

## Recording

[Watch recording](https://www.wearedevelopers.com/videos/1123-view-transition-api-gamechanger-for-hybrid-app-development)

## Description

Due to the rapidly advancing development of web APIs (highlighting the Fugu project), the gap between Progressive Web Apps (PWA), hybrid development approaches, and native apps has been progressively narrowing. Even visually, they are hardly distinguishable from native apps. 
However, when it comes to animations, native apps have always had an edge due to the availability of native animation APIs. Complex animations, such as container transforms, were practically challenging to achieve in web apps without significant effort.
That's right. They WERE.
This gap can be closed thanks to the new View Transition API and Scroll-Driven Animations. And the best part is that it is almost entirely through CSS.
Intrigued? Sascha Lehmann from Thinktecture will provide an overview of these new APIs, how to effectively implement them in your project, and their limitations.

## Speaker

### [Sascha Lehmann](https://www.wearedevelopers.com/@sascha-lehmann)

Thinktecture AG, Developer Consultant


## Related talks at this congress

- [Write once, use anywhere: Framework agnostic Design Systems with Web Components](https://www.wearedevelopers.com/events/world-congress-2024/sessions/354-write-once-use) — Sascha Lehmann
- [Creating compelling cross-device foldable experiences on the Web](https://www.wearedevelopers.com/events/world-congress-2024/sessions/399-creating-compelling) — Matthew Atkinson
- [Generative AI power on the web: making web apps smarter with WebGPU and WebNN](https://www.wearedevelopers.com/events/world-congress-2024/sessions/447-generative-ai-power) — Christian Liebel
- [Optimization of Mobile Development Strategies for Maximum Business Impact](https://www.wearedevelopers.com/events/world-congress-2024/sessions/382-optimization-of) — Sasha Denisov