Text.js

Text.js

在浏览器控制台里跑React

开发官网

应用介绍

想做个小工具,却不想专门写一个 HTML 页面?Text.js 是个 React 框架,让应用直接渲染在浏览器控制台里:界面用 Box 和 Text 拼,useInput 接上下键就能改状态,打开 DevTools 就能操作。

每一帧先用 Yoga 排版,再压成 %c 样式段,一条 console.log 输出整帧;没有变化的帧干脆不输出。需要 Bun 1.2+ 或 Node.js 22+,桌面版 Chrome、Edge、Firefox、Safari 都能用。MIT 许可。

软件功能



用 React 写界面:沿用组件和 Hook,布局用 Box、Text 拼出来。

键盘交互:useInput 接收按键,改状态界面就跟着重绘。

省输出:格子没变化的帧不发送,控制台不会被刷满。

一条命令起步:bunx create-text-app@latest 创建项目,bun dev 就能在 localhost:3000 打开。

在线试玩:官网提供 Playground,不装也能试。

应用截图