Dev Design Library

Agent state

A sculpted, living status field that changes contour and color as an agent thinks, works, asks for input, or finishes.

Agent state preview
Library
Cojeev UI
Framework
React
Type
ui
License
MIT
Dependencies
motion
Install
npx shadcn@latest add https://cojeev.com/ui/r/agent-state.json
Files
  • registry/cojeev/ui/agent-state.tsx
  • registry/cojeev/styles/agent-state.css
  • registry/cojeev/lib/utils.ts
  • registry/cojeev/lib/appearance-tokens.ts
  • registry/cojeev/lib/assembly-geometry.ts
  • registry/cojeev/lib/bento-layout.ts
  • registry/cojeev/lib/bloom-engine.ts
  • registry/cojeev/lib/chart-geometry.ts
Source
https://github.com/luv-jeri/cojeev-ui

Categories

More from Cojeev UI