Animated GUI — Component Library
Reusable animated React + Framer Motion component library powering 6+ portfolio products.
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.
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.
- > 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
- → Publish as private npm package
- → Document component catalog
- → Migrate downstream products to versioned consumption