Meeting Finder: scrub a UTC hour across SF, NYC, São Paulo, and London and see who can make the call. when everyone is free, the overlap cells step one shade brighter and the band flips green. the rest of the day stays quiet.
41,396 görüntüleme
Agent Handoff: watch a task move through four agents while the handoff log fills in below. the pulse on the working agent is plain css. the card updates a lot during a run, and putting that pulse in motion kept restarting it mid-loop.
30,429 görüntüleme
Agent Plan: A component to review and the run the agent plan, designed in Paper, animated with Motion
59,805 görüntüleme
Sandbox Boot Sequence Component: Cold vs Warm Run Designed in Paper, animations with Motion
44,073 görüntüleme
Deploy Pipeline Component: Build, test, preview, production. With the logs streaming as each step runs. Designed in Paper, animations with Motion
36,116 görüntüleme
Call Booking Component: pick a slot, book the call Designed in Paper, animated with Motion
32,080 görüntüleme
Life in Weeks: a calendar of your life, one square per week. childhood, school, career, retirement. when a year fills, the cells don't flip together. each row waits 1.5ms longer than the one above it, so the fill runs down like a short waterfall.
17,617 görüntüleme
A component showing a coding agent in action, designed in Figma, animated with Motion
31,087 görüntüleme
Document Extractor: A tiny interaction for turning invoices into structured fields. Designed in Paper, animated with Motion
22,768 görüntüleme
Slide to pay component, added keyboard interaction too this time Designed in Paper, animations with Motion
20,903 görüntüleme
Multi Agent Board Component, designed in Paper, animations with Motion
18,292 görüntüleme
Live type scale component, drag to find the ratio that feels right, designed in Paper, animated with Motion
18,440 görüntüleme
A component to test API Responses, designed in Paper, animated with Motion
18,386 görüntüleme
GPU Cluster Dashboard Component: monitor resource utilisation, thermals, and queue in real time Designed in Paper, animated with Motion
15,456 görüntüleme
A wallet component, spent too long on getting the spring physics right Designed in Paper, animated with Motion
15,214 görüntüleme
Diff viewer: a component to review the changes done by a coding agent, designed in Figma, animated with Motion
15,344 görüntüleme
Agent workflow, tinkering with agent workflow visualisation, designed in Figma, animated with Motion It was also a good opportunity to learn xyflow · React Flow · Svelte Flow
14,403 görüntüleme
Command bar for the agent platform, designed in Figma, animated with Motion
13,577 görüntüleme
Token Usage Component: see the live usage, throughput and cost Designed in Paper, animated with Motion
