View Transitions — Interactive Demo
Nested routes with 5 distinct transitions: slide, blur, zoom, morph, and custom easing
WebMCP — Browser-Native AI Agent Tools
Chrome 146 ships navigator.modelContext, letting websites expose structured tools directly to AI agents
TypeRewrite
A macOS utility for AI-powered text rewriting anywhere with a floating editor
Chat Action Bar
Shadcn-based action bar with AI assist, quick replies, attachments, and tools.
CSS Carousels
Build accessible carousels with scroll-marker and scroll-button
Interest Invoker API
Declarative hover cards and tooltips without JavaScript
Scoped View Transitions
Run view transitions on DOM subtrees instead of the whole document
CSS Scroll State Queries
Query stuck, snapped, and scrollable states directly from CSS
Simplifying Dark Mode with light-dark()
A game-changer for theming with a single CSS function
Stable Layouts with scrollbar-gutter
Prevent layout shifts when scrollbars appear
Dynamic Colors with Relative Color Syntax
Modify colors directly in CSS with relative syntax
CSS Corner Shapes
Interactive demo of the experimental corner-shape property
Progressive Blur Header Effect
Creating elegant header transitions with CSS and Tailwind
I share notes and updates on X.
