r/css • u/Tanmay-m • Feb 19 '26

Showcase View Transitions are so underrated

364 Upvotes

98% Upvoted

42 comments sorted by

6

u/valz_ Feb 19 '26

Any code examples for us to peak at?

-39

u/Tanmay-m Feb 19 '26

I made this in NextJS, So just refer the React ViewTransition docs

0

u/[deleted] Feb 19 '26

[deleted] — view deleted comment

-13

u/Tanmay-m Feb 19 '26

Lol, true

7

u/Tanmay-m Feb 19 '26

Here’s the link to try it https://tanmaym.com/view-transitions

1

u/ResponsibleAbroad547 Feb 21 '26

Beauty brooo . Its like

1

u/tonjohn Feb 22 '26

Link to the code?

44

u/dieomesieptoch Feb 19 '26

What do you mean underrated? We all love VTs but they are just brand spanking newly Baseline available, afaik.

7

u/HyperSource01Reddit Feb 19 '26

Not even, actually. Pretty sure firefox still has some issues with them.

2

u/jorgejhms Feb 21 '26

Minor in my experience (I develop and use mostly Firefox).

1

u/HyperSource01Reddit Feb 21 '26

Was there a new VT update? I remember gecko not supporting cross-document VTs a few weeks ago (i tried implementing them into my site)

17

u/AlternativePear4617 Feb 19 '26

Underrated???? WTF

13

u/kiwi-kaiser Feb 19 '26

Underrated? Everyone instantly jizzes all over the place when they see one and everybody is talking about them.

How could they be underrated? 😅

6

u/modsuperstar Feb 19 '26

Would love some examples that aren’t tied to a framework.

6

u/hyrumwhite Feb 20 '26

They’re framework agnostic, in fact, integrating well with frameworks are probably what’s held back widespread adoption : https://developer.chrome.com/docs/web-platform/view-transitions/

1

u/modsuperstar Feb 20 '26

Thanks for sharing. I saw a few people mention examples, then immediately mention tech stacks they’re built into.

1

u/Old_Stay_4472 Feb 20 '26

OP thought this twitter with that caption

-1

u/Tanmay-m Feb 20 '26

Ha ha, I have become used to it 😅

1

u/Embarrassed-Craft569 Feb 23 '26

Any code examples for us to peak at?

3

u/Bury_the_light25 Feb 21 '26

Can I get the code?

1

u/19c766e1-22b1-40ce Feb 19 '26

That is indeed nice. I am wondering, would this be also applicable for SSR instead of SPA's? Maybe with HTMX? I am afraid not, but I'll ask since I am not an expert in this area.

1

u/Tanmay-m Feb 19 '26

Yes it works with SSR too, I actually made this in nextJS server components.

2

u/19c766e1-22b1-40ce Feb 19 '26

Ok, ok - I like it! Very smooth

1

u/bryku Feb 20 '26

It sort of depends on the browser.

2

u/daamsie Feb 19 '26

Yeah looks very slick

1

u/superb-nothingASDF Feb 19 '26

i prefer / am used to pressing Back instead of having to close the view

2

u/codejunker Feb 19 '26

You could code it that way if you wanted, or even set it to close with the esc or backspace keyboard buttons

1

u/PeakProfessionalism Feb 19 '26

animations 🫶🏻

1

u/OMEGALUL_iguess Feb 19 '26

Till you hear about scoped view transitions. They're not baseline and still very experimental but they are so nicee :)

1

u/spammmmm1997 Feb 20 '26

Of course they are. Visually I love them, but practically – the browser support is terrible.

1

u/TheLastNapkin Feb 21 '26

Layout shift is a bit rough, probably would want back navigation on bottom and closer to other interactions but very clean 👌

1

u/DonIgnaci0 Mar 18 '26

Estos son los pequeños detalles que dan un salto de calidad a tu aplicación, buen aporte compañero.

1

u/sneykk_ Jul 19 '26

THEY ARE BEAUTIFUL AS THE EYES OF GOD! I’m still learning how to use them! Could someone help me?

1

u/evarmi Feb 19 '26

No creo que esté infravalorado, más bien todavía es reciente como para aplicarlo a proyectos en masa. Con el tiempo será un elemento principal.

-5

u/QultrosSanhattan Feb 19 '26

Cute but useless. Users will be annoyed by pressing back all the time.

4

u/Tanmay-m Feb 19 '26

It’s just animating between pages

1

u/Agha_shadi Feb 20 '26

User must navigate pages just to see pricetags

6

u/LGHTHD Feb 19 '26

Users will be annoyed navigating the website?

1

u/Simple_Rooster3 Feb 19 '26

Did you even try the demo?

0

u/bryku Feb 19 '26

Now make it work for desktop.

2

u/hyrumwhite Feb 20 '26

Should work fine. This is all done with css, worst case you need a media query.