[ BACK ]
[ LIVE ] // Infrastructure

Animated GUI — Component Library

Reusable animated React + Framer Motion component library powering 6+ portfolio products.


[ WHY_IT_MATTERS ]

Internal animated component library that ships into DrPhil, NurseStation, ClaudeBall, Permit API, Conductor AI, and ClaudeBall GFX. Includes a live xterm.js terminal emulator, performance-sprint animation patterns, and a circuit-breaker UI for service health. Force multiplier on visual quality.

[ OVERVIEW ]

Animated GUI is the internal animated-component library powering the visual layer of 6+ portfolio products. Highlights include a live xterm.js terminal emulator with Framer Motion animations and web-links addon, a project launcher referencing DrPhil + NurseStation + ClaudeBall + PermitAPI + Conductor AI + ClaudeBallGFX, advanced animation patterns (performance sprint, circuit-breaker UI), and a reusable component framework structured under src/components and src/features. Stack: React 19 + TypeScript + Vite 7 + Tailwind 4 + Framer Motion 12.34 + xterm.js + React Router DOM 7. Docker-containerized via Node serve on port 3000; Playwright test coverage. Internal-only — distributed by copy-in or local npm link to downstream products.

[ BY_THE_NUMBERS ]
  • > 6+ downstream products consuming this library
  • > xterm.js terminal emulator
  • > Framer Motion 12.34 animation primitives
  • > Performance sprint patterns
  • > Circuit-breaker UI for service health
[ NEXT_90_DAYS ]
  • Publish as private npm package
  • Document component catalog
  • Migrate downstream products to versioned consumption
[ TALK_TO_PHIL ]

QUESTIONS ABOUT ANIMATED GUI — COMPONENT LIBRARY? ASK PHIL DIRECTLY.

// Phil is Will's voice agent. Architecture, pricing, roadmap, licensing — for any product.