https://github.com/webtui/webtui
Modular CSS Library that brings the beauty of Terminal UIs to the browser
https://github.com/webtui/webtui
astro css terminal theme ui ui-library
Last synced: 7 days ago
JSON representation
Modular CSS Library that brings the beauty of Terminal UIs to the browser
- Host: GitHub
- URL: https://github.com/webtui/webtui
- Owner: webtui
- License: mit
- Created: 2025-03-04T22:46:48.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2026-06-13T16:19:01.000Z (7 days ago)
- Last Synced: 2026-06-13T17:26:19.548Z (7 days ago)
- Topics: astro, css, terminal, theme, ui, ui-library
- Language: MDX
- Homepage: https://webtui.ironclad.sh
- Size: 6.2 MB
- Stars: 2,368
- Watchers: 10
- Forks: 46
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
- awesome-ccamel - webtui/webtui - Modular CSS Library that brings the beauty of Terminal UIs to the browser (MDX)
- awesome-starred - webtui/webtui - Modular CSS Library that brings the beauty of Terminal UIs to the browser (MDX)
README
# WebTUI
Modular CSS Library that brings the beauty of Terminal UIs to the browser
- Docs: https://webtui.ironclad.sh
- Examples: https://webtui.ironclad.sh/showcase
- Chat/Support/Community (Signal): https://webtui.ironclad.sh/chat
## Quickstart
Install the base WebTUI package with your preferred package manager
```bash
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
```css
@layer base, utils, components;
@import '@webtui/css';
```
Start using the library in your HTML
```html
click
click me too
content
```
For more detailed installation instructions, see the [installation guide](https://webtui.ironclad.sh/start/installation) and [framework-specific installations](https://webtui.ironclad.sh/start/installation)
## Packages
All the officially-maintained packages in the monorepo
- [@webtui/css](https://npmjs.com/package/@webtui/css)
- [@webtui/plugin-nf](https://npmjs.com/package/@webtui/plugin-nf)
- [@webtui/theme-catppuccin](https://npmjs.com/package/@webtui/theme-catppuccin)
- [@webtui/theme-gruvbox](https://npmjs.com/package/@webtui/theme-gruvbox)
- [@webtui/theme-nord](https://npmjs.com/package/@webtui/theme-nord)
- [@webtui/theme-vitesse](https://npmjs.com/package/@webtui/theme-vitesse)
- [@webtui/theme-everforest](https://npmjs.com/package/@webtui/theme-everforest)
## Development
This repository is a monorepo that contains the website and all the official WebTUI packages.
1. Ensure [Bun](https://bun.sh/) is installed
2. Clone the repository
```bash
git clone https://github.com/webtui/webtui
```
3. Install dependencies
```bash
bun i
```
4. Build the project
```bash
bun run build
```
4. Start the dev server
```bash
bun run dev
```