I stumbled upon @joshpuckett's lovely Interface Craft website. I wanted to see how well the cards interaction (built with Framer Motion) would translate to native View Transitions.
These don't have the little animated graphics, but that should be feasible with this approach.
Replying to @hobdaydesign
They are adding css to the examples because it helps convey the point of each component. The demo css isn’t included in the actual components—they are pure functionality
My 'lil @figma plugin consistently gets 80-100 new users each week. This week it got like 8x that.
...anybody know what happened?
Replying to @samselikoff
@samselikoff Aight here’s where I ended up. Switched to react because it made data flow easier but still using the same CSS approach for animations.
codesandbox.io/p/sandbox/fan…
Replying to @samselikoff
Very cool! You nerd sniped me—this is similar to something I’m building at work. I'm curious what you think about this approach. It seems like you can accomplish a similar thing with CSS grid track animations with less fuss:
codepen.io/andystewartdesign…
I already mentioned on here that I'm now working at ebay, but here’s a cute little animation that I would have included on my initial post if I were smarter
Replying to @mattstromawn @ilikescience
Kinda besides the point, but I’m having a great time resizing this hero component
Anyone know if it’s possible to animate elements inside of an overflow container when using #ViewTransitions? Maybe @bramus?
Nice. I was wrestling with this over the weekend. I ended up chucking “black” in as the background color and moving on with my life, but this feels like a better solution.











