Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

No more page refreshes in Astro projects! 🤩 Experimental view transitions: animate between pages like iPhone apps 👀

Ben Holmes

45,501 subscribers

82,323 views • 3 years ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

9 Comments

Hamed Bahram3 years ago

What tool are you using for screen recording?

Jianqi Pan3 years ago

Currently ios browsers and Firefox don't support it, so hopefully they'll get it up soon!

Jon Kurtis ⚡3 years ago

Animate between pages *like an SPA*

Gaurav3 years ago

Like SPA 😲😲??

emmett naughton3 years ago

Dude thanks for this explanation. Those are so smooth.

Darren Baldwin3 years ago

Feels like straight wizardry

aris3 years ago

”no javascript no css” wtf

Ben Holmes3 years ago

*to clarify, I meant none you have to author! We ship a small script (a couple KBs) for routing, and bundle 1 line of CSS for each transition directive

Sun 🇲🇺3 years ago

Last time I implemented it on my astro site islands stopped working. Can't wait to try this 🤩

Related Videos

Introducing Apple Farm Season 2 🍏🧑‍🌾 More projects, more apps, more DeFi 👀 $3,000,000+ in rewards 🤯 Starting July 24th, get ready!

Introducing Apple Farm Season 2 🍏🧑‍🌾 More projects, more apps, more DeFi 👀 $3,000,000+ in rewards 🤯 Starting July 24th, get ready!

Etherlink 🔗

23,596 views • 1 year ago

just shipped my new portfolio → kartiklabhshetwar[dot]com built with astro, deployed on cloudflare. fast, no bloat. projects, blog, all in one place. take a look 👀

just shipped my new portfolio → kartiklabhshetwar[dot]com built with astro, deployed on cloudflare. fast, no bloat. projects, blog, all in one place. take a look 👀

Kartik

17,610 views • 1 month ago

Did some more Bone fanart recently! I really wanted to try storyboarding a few pages from part of the book, but also wanted to animate the scythe spin from one page. Really tried to keep the spirit of the pages/paneling while also treating it like a production storyboard

Did some more Bone fanart recently! I really wanted to try storyboarding a few pages from part of the book, but also wanted to animate the scythe spin from one page. Really tried to keep the spirit of the pages/paneling while also treating it like a production storyboard

Checkers

140,511 views • 3 years ago

Drag a window, tile it into place. 🤩 In #macOSSequoia, it’s even easier to organize your desktop to keep more apps in view. Here’s how to tile your windows.

Drag a window, tile it into place. 🤩 In #macOSSequoia, it’s even easier to organize your desktop to keep more apps in view. Here’s how to tile your windows.

Apple Support

44,389 views • 1 year ago

Page templates are *here* — plus a preview of page building mode. 👀 Now you can speed up static page creation by templatizing pages you build often, plus an update on progress towards page building mode. Learn more in the update post:

Page templates are here — plus a preview of page building mode. 👀 Now you can speed up static page creation by templatizing pages you build often, plus an update on progress towards page building mode. Learn more in the update post:

Webflow

33,811 views • 2 years ago

Introducing the new Lovable dashboard 🔥 The first step towards making Lovable feel more personal. Here’s what’s new: 1/ Meet the new "Home" One simple view that lets you easily create new projects. PS: Choose between different gradients to make it feel more like you. 2/ Simple navigation The new sidebar gives extra clarity and makes jumping between the most important pages easier than ever. 3/ Welcome global search (Command K) Quickly find what you're looking for from anywhere by clicking CMD K. PS: You can even ask Lovable to create a new project directly from that view. 4/ Introducing folders Start organizing your projects in folders. Lovable now grows with you. 5/ Star your projects Keep your favorite projects handy at the top. 6/ Discover and Templates Explore apps built by other Lovable users. Coming soon. Check it out and let me know what you think. Now available to all Lovable users.

Introducing the new Lovable dashboard 🔥 The first step towards making Lovable feel more personal. Here’s what’s new: 1/ Meet the new "Home" One simple view that lets you easily create new projects. PS: Choose between different gradients to make it feel more like you. 2/ Simple navigation The new sidebar gives extra clarity and makes jumping between the most important pages easier than ever. 3/ Welcome global search (Command K) Quickly find what you're looking for from anywhere by clicking CMD K. PS: You can even ask Lovable to create a new project directly from that view. 4/ Introducing folders Start organizing your projects in folders. Lovable now grows with you. 5/ Star your projects Keep your favorite projects handy at the top. 6/ Discover and Templates Explore apps built by other Lovable users. Coming soon. Check it out and let me know what you think. Now available to all Lovable users.

Felix Haas

15,870 views • 8 months ago

Free Idea We use tabs in browsers to manage multiple pages. But what if apps did the same? Switch between listings, details or profiles — without losing context. No modals. Just flow. Built with SwiftUI.

Free Idea We use tabs in browsers to manage multiple pages. But what if apps did the same? Switch between listings, details or profiles — without losing context. No modals. Just flow. Built with SwiftUI.

Onur Gür

155,112 views • 1 year ago

Why are Shared Element Transitions still behind an experimental flag? How do you enable them in your projects? And what’s next for the Reanimated team? 🤔 Grab a drink, take a seat – and join Alek Mikucki & Bartłomiej Błoniarz as they dive into all this and more! Link to full video in the thread 👇

Why are Shared Element Transitions still behind an experimental flag? How do you enable them in your projects? And what’s next for the Reanimated team? 🤔 Grab a drink, take a seat – and join Alek Mikucki & Bartłomiej Błoniarz as they dive into all this and more! Link to full video in the thread 👇

Software Mansion

40,415 views • 7 months ago

You want a fast initial page load, but you also have dynamic, personalized product requirements. What if you could have both, within the same page, with no new APIs? Learn more about experimental Partial Prerendering in Next.js.

You want a fast initial page load, but you also have dynamic, personalized product requirements. What if you could have both, within the same page, with no new APIs? Learn more about experimental Partial Prerendering in Next.js.

Lee Robinson

88,481 views • 2 years ago

let's make more unique website in 2025 👀. ....We use Jitter at Luma to animate and visualize before we develop the page. If you want to remix and break it apart and see whats up: Have fun : ) (More break down behind the scene on the way)

let's make more unique website in 2025 👀. ....We use Jitter at Luma to animate and visualize before we develop the page. If you want to remix and break it apart and see whats up: Have fun : ) (More break down behind the scene on the way)

Jiacheng

34,347 views • 1 year ago

We are super excited to launch the in-app browser inside Codex with comment mode! View any web pages & iterate with your agent quickly with just point and click. Codex will automatically capture a screenshot, the DOM element, and feed it as precise context to your next chat. No more switching between browsers, dragging screenshots, and wrangling with underspecified prompts. It's great for front-end development of apps/pages, but also very useful if you have documentation pulled up on the side and just want to ask a question!

We are super excited to launch the in-app browser inside Codex with comment mode! View any web pages & iterate with your agent quickly with just point and click. Codex will automatically capture a screenshot, the DOM element, and feed it as precise context to your next chat. No more switching between browsers, dragging screenshots, and wrangling with underspecified prompts. It's great for front-end development of apps/pages, but also very useful if you have documentation pulled up on the side and just want to ask a question!

James Sun

404,693 views • 3 months ago

We completely re-invented the mobile crypto experience. Login with Google directly on dApps and sign transactions embedded in the site. No more app downloads, bouncing between apps, and in-app browsers.

We completely re-invented the mobile crypto experience. Login with Google directly on dApps and sign transactions embedded in the site. No more app downloads, bouncing between apps, and in-app browsers.

TipLink (now @Fin)

25,194 views • 2 years ago

Tangem Markets 📊 We’ve added a powerful new Markets section to the Tangem Wallet app, bringing you real-time crypto data and insights. Now, you can track live price movements, analyze trends, view key metrics, and manage supported cryptocurrencies—all in one place. No more switching between apps to find the info you need. Watch this video to explore Tangem Markets in more detail.

Tangem Markets 📊 We’ve added a powerful new Markets section to the Tangem Wallet app, bringing you real-time crypto data and insights. Now, you can track live price movements, analyze trends, view key metrics, and manage supported cryptocurrencies—all in one place. No more switching between apps to find the info you need. Watch this video to explore Tangem Markets in more detail.

Tangem

23,318 views • 1 year ago

Photoshop Beta just got an Image Upscale feature 👀 No more jumping to third-party apps to fix blurry pics. It’s all in-house now 🔥 Adobe Photoshop Adobe

Photoshop Beta just got an Image Upscale feature 👀 No more jumping to third-party apps to fix blurry pics. It’s all in-house now 🔥 Adobe Photoshop Adobe

Brainiac Graphics

87,409 views • 1 year ago

Looks like you can now add "visionOS Build Support (experimental)" if you install Unity 2022.3.5f1. Currently, you can create, build, & deploy #VisionOS Windows Apps, & no VisionOS plugin is available under XR Plug-in Management yet, I believe this will roll out w/ PolySpatial.

Looks like you can now add "visionOS Build Support (experimental)" if you install Unity 2022.3.5f1. Currently, you can create, build, & deploy #VisionOS Windows Apps, & no VisionOS plugin is available under XR Plug-in Management yet, I believe this will roll out w/ PolySpatial.

Dilmer

20,004 views • 3 years ago

Stay connected—even in the most remote areas. T-Satellite now supports apps like Dialpad, MultiLine, and Direct Connect—no towers required. No hardware. No setup. Just signal where it matters. 🔗 Read more:

Stay connected—even in the most remote areas. T-Satellite now supports apps like Dialpad, MultiLine, and Direct Connect—no towers required. No hardware. No setup. Just signal where it matters. 🔗 Read more:

T-Mobile Business

471,223 views • 9 months ago

🤩Chinese-built bridges, #hydropower stations & highways appear on 121 banknotes in 58 countries! #CCCC projects like #CHEC’s Jamaica Highway, #CRBC’s Peljesac Bridge & #CWE’s Kaleta Hydropower shine on currency—proving global impact through infrastructure.👀

🤩Chinese-built bridges, #hydropower stations & highways appear on 121 banknotes in 58 countries! #CCCC projects like #CHEC’s Jamaica Highway, #CRBC’s Peljesac Bridge & #CWE’s Kaleta Hydropower shine on currency—proving global impact through infrastructure.👀

China Communications Construction

118,024 views • 10 months ago

I gave Claude Mythos ONE prompt… And it instantly built this fully branded eCom landing page 🔥 It looks like something a $15k agency would spend weeks creating. But I used: ❌ No code ❌ No designer ❌ No Fiverr ❌ No page builder Just one prompt. This is where dropshipping is heading. AI that can take a product idea and turn it into a conversion-focused landing page in seconds. If you want the exact prompt + my full Claude skill to create pages like this for your own store… ❤️ Like 🔁 Repost 💬 Comment “Claude Mythos” I’ll DM it to you. First 500 only 👀

I gave Claude Mythos ONE prompt… And it instantly built this fully branded eCom landing page 🔥 It looks like something a $15k agency would spend weeks creating. But I used: ❌ No code ❌ No designer ❌ No Fiverr ❌ No page builder Just one prompt. This is where dropshipping is heading. AI that can take a product idea and turn it into a conversion-focused landing page in seconds. If you want the exact prompt + my full Claude skill to create pages like this for your own store… ❤️ Like 🔁 Repost 💬 Comment “Claude Mythos” I’ll DM it to you. First 500 only 👀

Kamil Sattar | The Ecom King

14,158 views • 1 month ago

“Inception” star Elliot Page says filming “The Odyssey” post-transition feels like having “a Chris Nolan experience” all over again. “It was such a joy to come back,” Page said during an “X-Men: Days of Future Past” reunion panel at #NYCC. “As you can imagine, being more comfortable in yourself makes these sort of projects more enjoyable.”

“Inception” star Elliot Page says filming “The Odyssey” post-transition feels like having “a Chris Nolan experience” all over again. “It was such a joy to come back,” Page said during an “X-Men: Days of Future Past” reunion panel at #NYCC. “As you can imagine, being more comfortable in yourself makes these sort of projects more enjoyable.”

Variety

2,827,535 views • 9 months ago

Sick new Atlas feature: Template-Based Product Page Generation 1. Create your ideal product page layout once in Shopify 2. Save it as a template. 3. Generate infinite product pages with AI that follow your exact template structure No more deleting unwanted sections or rebuilding layouts from scratch.

Sick new Atlas feature: Template-Based Product Page Generation 1. Create your ideal product page layout once in Shopify 2. Save it as a template. 3. Generate infinite product pages with AI that follow your exact template structure No more deleting unwanted sections or rebuilding layouts from scratch.

Sebastian Ghiorghiu

20,192 views • 10 months ago