---
site: ui.zyx.tw
url: https://ui.zyx.tw/frame
title: Frame
description: "Glyph frames: an outline drawn with box-drawing characters, so its lines run through the middle of a character cell and its corners are the font's arcs. Every window and field draws its edge with it."
---

# Frame

Glyph frames: an outline drawn with box-drawing characters, so its lines run through the middle of a character cell and its corners are the font's arcs. Every window and field draws its edge with it.

Group: Content.

## Install

```bash
bunx shadcn@latest init https://ui.zyx.tw/r/base.json
bunx shadcn@latest add @zyx1121/frame
```

The first line sets a project up on the base; skip it if the project already has it.

## Item

### Frame (`frame`)

Glyph frames: an outline drawn with box-drawing characters, so its lines run through the middle of a character cell and its corners are the font's arcs. Every window and field draws its edge with it.

- Install: `bunx shadcn@latest add https://ui.zyx.tw/r/frame.json`
- JSON: [frame.json](https://ui.zyx.tw/r/frame.json)
- Page: [https://ui.zyx.tw/frame](https://ui.zyx.tw/frame) ([Markdown](https://ui.zyx.tw/frame.md))
- Registry dependencies: `https://ui.zyx.tw/r/utils.json`

## More

- [Index](https://ui.zyx.tw/index.md): every item
- [Agent instructions](https://ui.zyx.tw/agent-instructions.md): the call order and the rules
- [DESIGN.md](https://github.com/zyx1121/www.zyx.tw/blob/main/apps/ui/DESIGN.md): the design contract