#ViewTransitions
LightNews LightNews
vale.rocks
View transitions are pretty neat, and I was fortunate enough to write a piece for @piccalil.li about putting them to work.

They're such an exciting new part of the web platform, and I'm elated to see new and boundary-pushing effects making their way into production.

#WebDev #ViewTransitions #CSS
November 6, 2025 at 12:30 PM
inautilo.bsky.social
#Development #Guides
View Transition API · Ways to create smooth, instant page transitions ilo.im/16844p by Brad Woods

_____
#ModernCSS #ViewTransitions #Animations #WebPages #API #Browser #WebDev #Frontend #CSS #JavaScript
Brad Woods Digital Garden
Notes about creative coding on the Web.
ilo.im
November 3, 2025 at 10:00 PM
frontenddogma.com
Start Implementing View Transitions on Your Websites Today, by @cydstumpel.nl (@piccalil.li):

https://piccalil.li/blog/start-implementing-view-transitions-on-your-websites-today/

#css #viewtransitions #javascript #apis
Start implementing view transitions on your websites today
Browser support for view transitions is rocketing and there's not many better out there to help you understand how to implement them than Cyd Stumpel.
piccalil.li
October 31, 2025 at 1:30 PM
matthiasott.com
✍️ New post: View Tran­si­tions: The Smooth Parts

#blogtober #css #web #platform #ViewTransitions
matthiasott.com/notes/view-t...
View Transitions: The Smooth Parts · Matthias Ott
Matthias Ott is an independent user experience designer and web design engineer from Stuttgart, Germany. He also teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design.
matthiasott.com
October 22, 2025 at 10:15 PM
danabra.mov
react declarative viewtransitions are very fun. i'm doing a lot of morphing. i'll respect the reduce motion setting but i'm sorry, this is just gonna have to be a mess for a while
October 17, 2025 at 12:59 AM
pablolarah.bsky.social
🟪🟣 View Transitions API & meta frameworks: a practical guide
by @mojtabaseyedi at @bejamas_io
#Astro #Nuxt #SvelteKit #ViewTransitions #API #webdev

bejamas.io/blog/what-is...
Dark red violet text on lilac background: "View Transitions API & meta frameworks: a practical guide"
September 21, 2023 at 9:03 PM
react.dev
ViewTransitions can also be triggered by useDeferredValue and animate lists:
April 23, 2025 at 4:07 PM
pablolarah.bsky.social
👓 Start implementing view transitions on your websites today
by @piccalil.li @[email protected]
#ViewTransitions #webdev

piccalil.li/blog/start-i...
A vintage illustration of a wide variety of fruits and vegetables from the book, Nouveau Larousse Illustre (1898), by Larousse, Pierre, Augé and Claude with red text and white shadows: Start implementing view transitions on your websites today
November 3, 2025 at 4:02 PM
azu.bsky.social
Astro 3.2リリース。
`data-astro-history="replace"`の追加、`navigate` APIの追加、``のアクセシビリティ対応など
"Astro 3.2: View Transitions improvements | Astro" https://astro.build/blog/astro-320/ #astro #ReleaseNote
September 29, 2023 at 3:38 AM
pablolarah.bsky.social
🟠🔵 View transitions: Handling aspect ratio changes
by Jake Archibald
@jaffathecake @[email protected]
#ViewTransitions #webdev

jakearchibald.com/2024/view-tr...
Blue text on orange background: View transitions: Handling aspect ratio changes
February 28, 2024 at 10:17 PM
pablolarah.bsky.social
🥭 CSS View Transitions Module Level 1
at World Wide Web Consortium @[email protected]
V T API, along with associated properties and pseudo-elements
#ViewTransitions #css #webdev

www.w3.org/TR/css-view-...
Green text on pink background: CSS View Transitions
April 26, 2024 at 5:22 PM
danabra.mov
🙃
quote from the react homepage with "Some research takes years to pay off" and "ViewTransitions and Activity" in the "latest react news"
April 26, 2025 at 12:41 AM
pablolarah.bsky.social
🟣 Release Notes for Safari Technology Preview 192:
Added support for View Transitions.
#ViewTransitions #Safari #webdev

webkit.org/blog/15260/r...
Dark green text on pink background: View Transitions
April 11, 2024 at 2:09 AM
bram.us
View Transitions Snippets: Getting all Animations linked to a View Transition

🔗 brm.us/view-transit...
🏷️ #ViewTransitions #JavaScript #Animations
View Transitions Snippets: Getting all Animations linked to a View Transition
A few lines of JavaScript to get all animations linked to an active View Transition.
brm.us
January 1, 2025 at 9:14 PM
vtbag.dev
Are you thinking about a transition (pun intended) from Astro's component to browser-native cross-document view transitions with the @view-transition at-rule of the View Transition API?

Here is your migration path: events-3bg.pages.dev/jotter/migra...
A flow chart showing the steps on how to migrate from Astro's <ViewTransitions> component to browser-native cross-document view transitions. All info given in the image is also available in full-text at https://events-3bg.pages.dev/jotter/migrate/
January 10, 2025 at 8:47 AM
michalski.bsky.social
The power of View Transitions is here! #css #viewtransitions
allankukral.com Allan Kukral @allankukral.com · Jan 22
Created this over the past two days. This is a MULTI-page demo website I created with #css view-transitions. No #javascript was used in the making of this.

Done with the inspiration, tutorials, and demos from @bram.us @jakearchibald.com and others blazing these trails.
January 23, 2025 at 1:07 PM
codeminer42.bsky.social
New post in our blog! ⚛️ 😎

Venture into our latest blog post, where the author describes how to use view transitions, now officially supported by React.

https://bit.ly/4hpfHfj

#Codeminer42 #Blog #React #ViewTransitions
What You Need to Know About View Transitions in React - The Miners
In this post, the author describes how to use view transitions, now officially supported by React
bit.ly
January 23, 2025 at 5:00 PM
martr.app
🏥 Struggling with bloated, unreadable text in your view transitions? Get the treatment your animations deserve! Check out the latest episode of the 👜 Bag's ✨ Fun With View Transitions series #ViewTransitions
vtbag.dev Bag of Tricks for View Transitions @vtbag.dev · Feb 8
Hello, and welcome to a NEW EPISODE of
Fun With View Transitions!

Do you suffer from poor text animations in your view transitions? Does your text bloat to unreadable proportions, even when both the starting and ending images are small?
February 8, 2025 at 8:10 AM
pablolarah.bsky.social
In case you want to check the original article first:
🔵🔴 Building Websites With LLMS
by @jim-nielsen.com
#ViewTransitions #CSS #webdev

blog.jim-nielsen.com/2025/lots-of...
Blue text on pink background with illustration of man looking to a pair of small people on a column where he rests his arm (from The Royal American Midgets daily... : Piccadilly Hall.): (L)ots of (L)ittle ht(M)l page(S).
March 18, 2025 at 3:04 PM
xan.lol
omg mozilla firefox view transitions coming soon 🤤 www.firefox.com/en-US/firefo... #css #viewtransitions #viewtransitionapi #firefox #mozilla #awawaaa
Firefox Nightly 144.0a1, See All New Features, Updates and Fixes
www.firefox.com
September 1, 2025 at 9:52 AM
736b.moe
FirefoxのViewTransitionsもようやくだな
May 29, 2025 at 2:48 PM
frontenddogma.com
View Transitions Applied: Dealing With the Snapshot Containing Block, by @[email protected] (@[email protected]):

https://www.bram.us/2025/03/04/view-transitions-snapshot-containing-block/

#css #viewtransitions
View Transitions Applied: Dealing With the Snapshot Containing Block
www.bram.us
March 16, 2025 at 9:30 PM
pablolarah.bsky.social
🔵🔴 CSSWG Minutes Telecon (2024-08-21)
by Juan Diego Rodríguez@monknow_dev at @css Css Tricks
#ViewTransitions #webdev #css

css-tricks.com/csswg-minute...
White text with pink shadow on blue background: CSSWG Minutes Telecon (2024-08-21) View Transitions
September 24, 2024 at 11:10 PM
pablolarah.bsky.social
🪸 Collective 783
at @codrops
#WebGL to WebGPU François Beaufort
Modern CSS Reset Andy Bell @[email protected]
#Astro + #ViewTransitions Photo Gallery @addyosmani + @charca
Sticky popout bento effect @jh3yy
Google user-tracking @arstechnica
#webdev #css

tympanus.net/codrops/coll...
Vertical rectangle with black bars top and bottom with white text "Collective" and "No.783" respectively. In the middle, image of Ai generated transparent flower with white tentacles, like glass, looking like a jellyfish. The flowery head is peach orange. Some bokeh in peachy color. Background image, same image of the centre, bigger.
September 24, 2023 at 12:27 AM
fancypenguin.party
To this end, we've renamed the <ViewTransitions /> component to <ClientRouter />. It works exactly the same, but the rename highlights that it is a client-side router and has enhancements that are not currently possible in the MPA router.
December 3, 2024 at 8:13 PM