Helping ambitious leaders design and
build agent native products.
Designed, built or advised at Firstbase, Every Media, LateCheckout Agency, Hintflow, Thepeer & Ripple.
Components I pulled apart and rebuilt to understand how they move. Each one started as a detail I noticed somewhere else and wanted to feel in my own hands. They are all live hover them, drag them, click them.
Link preview interaction
I recreated this dynamic link preview interaction to enhance user engagement with links, inspired by Raycast. Powered by Framer Motion and Next.js, it elegantly transitions between hidden and fully revealed previews using shared layouts, ensuring that hovering over a link instantly unveils rich content with a delightful flow perfect for captivating users from the first interaction.
Onboarding tour
I built this interactive setup guide to get users started effortlessly. Built with Framer Motion and Next.js, it seamlessly transitions between collapsed and expanded views using a shared layout, making onboarding experience intuitive and engaging from the very first click.
Switch layout view
This interactive layout enables users to seamlessly switch between different views of their earned collectibles. Leveraging Framer Motion’s shared layout animations, it offers a smooth transition between list, card, and stack views, enhancing the browsing experience for rewards.
Progressive thumb
I created a fun interaction where the progress bar thumb transforms into an emoji while listening to House music on Spotify using Shared Layout in Framer Motion. This design is inspired by Design Spells, focusing on smooth animations and dynamic positioning based on playback progress. The goal is to document this playful transformation with delightful UI details.
Rapha AI prompt
I designed an AI-powered chat interface for Rapha Health, featuring dynamic loading states and intelligent suggestions. The chat component includes auto-resizing text input, animated loading indicators, and suggestion pills to help users quickly access common actions. This design focuses on making healthcare communication more accessible and intuitive.
Calendar component animation
Recently, I have been developing a personal UI kit, and I decided to play with some of the elements to create this calendar event component. The events transition into one another using GSAP.
What’s playing loading component
Transition components for music site exploration → What’s playing Beno!
Reward claiming interaction
A quick fun interaction built with Next & Framer Motion. This reward claim feature smoothly transitions states from a claimable card to progress display with a single tap.
Amie calendar tab switch
Recreating the Amie Calendar Tab Switch.