whiptail-js

whiptail-js

6 devlogs
4h 25m
•  Ship certified
Created by Brian

whiptail-js is a lightweight terminal-style dialog library for the web, inspired by the classic Linux whiptail tool, featuring keyboard navigation and touch support for mobile devices.


This originally started out as an idea for a personal portfolio website of mine, but I figured why not publish it for others to use!

Timeline

Ship 1

0 payouts of shell 0 shells

Brian

8 days ago

Brian Covers 6 devlogs and 4h 25m

whiptail-js has been published to npm and the repository is live! I'm planning on potentially adding more features in the near future. Check it out on npm here: https://www.npmjs.com/package/whiptail-js

Update attachment

Just finished writing to README, being published to npm!

Update attachment
Brian
Brian
1h 26m 8 days ago

It's been a while! What started as a simple personal website turned into a full-on Whiptail UI class in JavaScript, which mimics the look and feel of a terminal-based dialog. It's now complete with keyboard navigation and touch support.

I'm calling it whiptail-js: a lightweight terminal-style dialog library for the web, which is used through the WhiptailJS class. Currently writing a short README to get it published on npmjs :)

Update attachment

I have added touch support and removed the viewport meta tag to keep the UI consistent across desktop and mobile.

I've made the UI responsive by listening to arrow key clicks! I'll be adding support for mobile next by allowing users to select by clicking the items with touch.

Brian
Brian
1h 20m 8 days ago

I've been working on a terminal-like GUI interface written w/ HTML + CSS. I used the raspi-config terminal GUI as my starting point because it's a good representation of what I'll want my website to look like.

Working on detecting arrow keys and allowing the user to select an item.

Update attachment