---
site: "zyx.tw"
title: "UI"
description: "UI: component registry."
url: "https://www.zyx.tw/works/ui"
---

# UI

Component registry.

The design system behind every zyx.tw site: grayscale tokens and our own components on Base UI, served as a shadcn registry.

It sets a terminal look with one monospace face, 4 type sizes, square corners and 2 motion durations. A token check in CI blocks values outside the system.

## Details

- Site: [https://ui.zyx.tw](https://ui.zyx.tw)
- Code: [https://github.com/zyx1121/www.zyx.tw](https://github.com/zyx1121/www.zyx.tw)
- Built with: React, Base UI, shadcn registry, Tailwind CSS

Back to [Works](https://www.zyx.tw/works.md).