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 次观看
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 次观看
Agent Plan: A component to review and the run the agent plan, designed in Paper, animated with Motion
59,805 次观看
Sandbox Boot Sequence Component: Cold vs Warm Run Designed in Paper, animations with Motion
44,073 次观看
Deploy Pipeline Component: Build, test, preview, production. With the logs streaming as each step runs. Designed in Paper, animations with Motion
36,116 次观看
Call Booking Component: pick a slot, book the call Designed in Paper, animated with Motion
32,080 次观看
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 次观看
A component showing a coding agent in action, designed in Figma, animated with Motion
31,087 次观看
Document Extractor: A tiny interaction for turning invoices into structured fields. Designed in Paper, animated with Motion
22,768 次观看
Slide to pay component, added keyboard interaction too this time Designed in Paper, animations with Motion
20,903 次观看
Multi Agent Board Component, designed in Paper, animations with Motion
18,292 次观看
Live type scale component, drag to find the ratio that feels right, designed in Paper, animated with Motion
18,440 次观看
A component to test API Responses, designed in Paper, animated with Motion
18,386 次观看
GPU Cluster Dashboard Component: monitor resource utilisation, thermals, and queue in real time Designed in Paper, animated with Motion
15,456 次观看
A wallet component, spent too long on getting the spring physics right Designed in Paper, animated with Motion
15,214 次观看
Diff viewer: a component to review the changes done by a coding agent, designed in Figma, animated with Motion
15,344 次观看
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 次观看
Command bar for the agent platform, designed in Figma, animated with Motion
13,577 次观看
Token Usage Component: see the live usage, throughput and cost Designed in Paper, animated with Motion
