A comprehensive demonstration of all TermUI packages in a single interactive app. Navigate through 5 tabs to explore dashboard widgets, UI components, theming, animations, and dev tools.
- Dashboard Tab - Real-time system metrics with gauges and sparklines
- Components Tab - Interactive gallery of display and input widgets
- Theming Tab - Live theme switching with 6 built-in themes
- Animations Tab - Spring physics and easing animation demos
- DevTools Tab - Performance metrics and hot-reload debugging
showcase/
├── package.json
├── README.md
├── themes/
└── src/
├── index.tsx
└── tabs/
├── dashboard.tsx
├── components.tsx
├── theming.tsx
├── animations.tsx
└── devtools.tsx
cd examples/showcase
bun install
bun run dev- 1-5 - Switch between tabs
- t - Cycle through themes
- Space - Retrigger animations (Animations tab)
- q / Ctrl+C - Quit application
- @termuijs/core - App lifecycle, Screen rendering, Input handling
- @termuijs/widgets - Box, Text, Table, Gauge, Sparkline, and more
- @termuijs/ui - Modal, Select, Tree, Divider, Toast notifications
- @termuijs/tss - Theme engine with 6 built-in themes
- @termuijs/motion - Spring physics and transition animations
- @termuijs/dev-server - DevTools panel and performance metrics
@termuijs/core- Core framework@termuijs/widgets- Widget library@termuijs/ui- High-level UI components@termuijs/jsx- JSX runtime and hooks@termuijs/tss- Theming system@termuijs/motion- Animation engine@termuijs/dev-server- Hot-reload dev server