 A new and exciting feature that landed this year in Chrome are view transitions for single-page applications. With it, you can create rich animated transitions between two UI states of your websites. To use view transitions in your SPA, take your existing method that updates the DOM and wrap it in document that start view transition while also providing a fallback for browsers that don't support it. Give more elements a view transition name and the browser will snapshot these individually. Each snapshot element automatically gets resized and moved while the transition is running. Using the power of CSS Selectors and CSS Animations, you can tweak how these transitions should run. The view transition API also exposes various points for you to hook your JavaScript onto. It's very exciting to see that many libraries and frameworks already have integrations with view transitions, making it more easy for you to get started with it. Check out the link to learn more about the new UI features that landed this year in our 2023 CSS Wrapped Roundup.