Declarative UI
setState() reactive updates
nocterm
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
If you know Flutter, you know nocterm
StatefulComponent • setState() • Row • Column • hot reload
45+ Components
Row, Column, ListView...
6 Themes
Nord, Dracula, Gruvbox...
Hot Reload
Instant code updates
Testing
testNocterm() built-in
Flutter Patterns
StatefulComponent, setState(), Column, Row, Expanded, ListView — the same APIs you already know.
Declarative
Component-based design with a virtual terminal. Code that's easy to read, test, and maintain.
Complete
Animations, mouse support, markdown, differential rendering, and testing — all built-in.
Try It Live
Real nocterm apps compiled to JavaScript, running in your browser
text_field_demo.dart
Terminal
LIVE
↑↓←→ navigate · Enter select
What Can You Build?
Dashboards
System monitors, server dashboards, DevOps tools with real-time metrics
Chat Apps
IRC clients, messaging tools with auto-scroll and rich text
Productivity
Todo apps, note takers, project managers with keyboard navigation
Dev Tools
Code generators, API testers, database CLIs with rich UIs
Smart Home
Home automation dashboards, IoT controllers, climate monitors
Games
Roguelikes, text adventures, puzzle games with animations
Built with nocterm
—
vide
·
snake
·
minesweeper
·
nocterm_3d
·
Built with nocterm
—
vide
·
snake
·
minesweeper
·
nocterm_3d
·
Built with nocterm
—
vide
·
snake
·
minesweeper
·
nocterm_3d
·
TUI Framework Landscape
| Feature | nocterm | Bubble Tea | Ratatui | Textual | Ink | ncurses |
|---|---|---|---|---|---|---|
| Language | Dart | Go | Rust | Python | Node.js | C |
| Hot Reload | ✓ | ✗ | ✗ | ~ | ~ | ✗ |
| Declarative | ✓ | ✓ | ✗ | ✓ | ✓ | ✗ |
| Flutter-like API | ✓ | ✗ | ✗ | ✗ | ~ | ✗ |
| Testing | ✓ | ~ | ~ | ✓ | ~ | ✗ |
| Animations | ✓ | ✓ | ~ | ✓ | ~ | ✗ |
| Learning Curve | Low* | Medium | High | Medium | Low** | High |
* Zero learning curve for Flutter/Dart developers ** If you know React
Ready to Build?
Get started with nocterm in seconds
$ dart pub add nocterm