https://github.com/samifouad/ink-responsive-demo

demo of a responsive ink / react based full screen CLI program
https://github.com/samifouad/ink-responsive-demo

cli ink javascript react terminal typescript

Last synced: about 2 months ago
JSON representation

demo of a responsive ink / react based full screen CLI program

• Host: GitHub
• URL: https://github.com/samifouad/ink-responsive-demo
• Owner: samifouad
• Created: 2024-02-02T06:50:44.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-02-02T07:04:40.000Z (11 months ago)
• Last Synced: 2024-02-02T08:27:00.398Z (11 months ago)
• Topics: cli, ink, javascript, react, terminal, typescript
• Language: TypeScript
• Homepage:
• Size: 1.73 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# ink-responsive-demo

> This repo was generated by [create-ink-app](https://github.com/vadimdemedes/create-ink-app)

It's designed to show an early stage demo of a responsive [ink](https://github.com/vadimdemedes/ink) / [react](https://github.com/facebook/react) based full screen CLI program

## overview

![an animation showing a terminal window resizing with two sections resizing along with the window](https://raw.githubusercontent.com/samifouad/ink-responsive-demo/main/demo.gif)

The program has two components that can be switched by pressing tab

If you resize the window, you will see that the program remains full screen

## notes

If you press "q" or ctrl+c, it will gracefully exit and show the previous buffer

This is not optimized, so as it resizes, there will be some jank

This demo is designed to just give someone a starting point to hack away and make something better