Skip to content
<awesome-gh-repos>
vic

webtui/webtui

null
Source code at GitHub https://webtui.ironclad.sh
webtui/webtui.json
{
  "createdAt": "2025-03-04T22:46:48Z",
  "defaultBranch": "master",
  "description": null,
  "fullName": "webtui/webtui",
  "homepage": "https://webtui.ironclad.sh",
  "language": "MDX",
  "name": "webtui",
  "pushedAt": "2025-10-15T19:15:45Z",
  "stargazersCount": 2170,
  "topics": [],
  "updatedAt": "2025-11-27T05:17:25Z",
  "url": "https://github.com/webtui/webtui"
}

WebTUI

Section titled “WebTUI”

Modular CSS Library that brings the beauty of Terminal UIs to the browser

Quickstart

Section titled “Quickstart”

Install the base WebTUI package with your preferred package manager

Terminal window
bun i @webtui/css
npm i @webtui/css
yarn add @webtui/css
pnpm install @webtui/css

In your global CSS file, define the order of layers then import the library

@layer base, utils, components;


@import '@webtui/css';

Start using the library in your HTML

<button>click</button>
<button size-="large">click me too</button>
<div box-="square">
    <p>content</p>
</div>

For more detailed installation instructions, see the installation guide and framework-specific installations

Packages

Section titled “Packages”

All the officially-maintained packages in the monorepo

Development

Section titled “Development”

This repository is a monorepo that contains the website and all the official WebTUI packages.

  1. Ensure Bun is installed
  2. Clone the repository
    Terminal window
    git clone https://github.com/webtui/webtui
  3. Install dependencies
    Terminal window
    bun i
  4. Build the project
    Terminal window
    bun run build
  5. Start the dev server
    Terminal window
    bun run dev