Andy Stewart

I think it might be missing the style for the color that highlights the current file in the sidebar?

🫶 Trying it out in Zed now

Fair. I would also guess that people’s response to this correlates pretty closely to their feelings about OpenAI and the AI industry in general.

Codepen demo: codepen.io/editor/andystewar… Source: interfacecraft.dev/

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.

Yoooooooooo. Congrats, dude!

Late to the party on this one, but I was just dealing with this on a project. I agree that it should show the next state, not the current state. It's more like a play button than a radio input. nngroup.com/articles/state-s…

But will it beat Family Matters?

I was in a movie theater when the alert went off and all the phones in the room started blaring at roughly the same time. It was incredible.

Looks familiar playbook.ebay.com/

I feel attacked 😉

My partner is a cancer research nurse

Cursed sweet potatoes

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

It depends on which ones your talking about. I’ve never considered shadcn unstyled. But libraries like Radix Primitives, React Aria, etc. are just plain divs and text out of the box.

“Did I do that???”

I ran into a similar issue when animating this graph with SMIL. I think I ended up using a clipping mask to fake it. (Also, there’s a dumb syntax error in this version that breaks it in iOS Dafari, but that’s easy to fix). codepen.io/andystewartdesign…

Thank you!

It's, uh...it's actually a custom physics engine that I wrote, lol.

It is! Obviously, the site was a large team effort, but I did a lot of the animation work on the homepage. Would love to see your take on that scroll animation.