Agentic UI

Explorations in interface components and patterns for AI.


Thinking State

Visual feedback while the model is processing. Shape morphing and text shimmer make the process feel more alive.

Thinking

Task Checklist

List of tasks the agent is working through. The animated spinner, path lines, and check icons provide a sense of continuous motion.

Analyze project structure
2
Read existing components
3
Generate new component scaffold
4
Add TypeScript types
5
Write unit tests
6
Update exports

Temperature Slider

Control for adjusting model temperature with spring physics. Color shifts help reflect behavior changes, and arrow key / click inputs feel smoother than a static slider.

0.7Creative
00.51.01.52.0

Trace Timeline

Browse past agent execution in a timeline view. Custom cursor behavior and line animations make the interaction feel tactile.

Click a span to view trace details