57 registry items

Warm paper. Translucent veils.

A shadcn registry that is not glassmorphism: the ground is washi, every layer above it is a veil, and three lights move beneath everything. Chinese & Japanese typography is first-class, not an afterthought.

57

registry items

3

lights on paper

MIT

licensed

The veil at work

Sharp ink beneath translucent glass — scroll, and the veil proves itself.

paper × ink × veil

Ink under veil

Beneath this card: manuscript rules and the opening of the Tale of the Bamboo Cutter — a glowing stalk found among the bamboo. Blur, saturation, grain — all working on real ink.

「今は昔、竹取の翁といふものありけり。野山にまじりて竹を取りつつ、よろづのことに使ひけり。名をば、さぬきの造となむいひける。その竹の中に、もと光る竹なむ一筋ありける。あやしがりて、寄りて見るに、筒の中光りたり。それを見れば、三寸ばかりなる人、いとうつくしうてゐたり。翁いふやう、我朝ごと夕ごとに見る竹の中におはするにて知りぬ。子となり給ふべき人なめり、とて手にうち入れて家へ持ちて来ぬ。」

「今は昔、竹取の翁といふものありけり。野山にまじりて竹を取りつつ、よろづのことに使ひけり。名をば、さぬきの造となむいひける。その竹の中に、もと光る竹なむ一筋ありける。あやしがりて、寄りて見るに、筒の中光りたり。それを見れば、三寸ばかりなる人、いとうつくしうてゐたり。翁いふやう、我朝ごと夕ごとに見る竹の中におはするにて知りぬ。子となり給ふべき人なめり、とて手にうち入れて家へ持ちて来ぬ。」

「今は昔、竹取の翁といふものありけり。野山にまじりて竹を取りつつ、よろづのことに使ひけり。名をば、さぬきの造となむいひける。その竹の中に、もと光る竹なむ一筋ありける。あやしがりて、寄りて見るに、筒の中光りたり。それを見れば、三寸ばかりなる人、いとうつくしうてゐたり。翁いふやう、我朝ごと夕ごとに見る竹の中におはするにて知りぬ。子となり給ふべき人なめり、とて手にうち入れて家へ持ちて来ぬ。」

「今は昔、竹取の翁といふものありけり。野山にまじりて竹を取りつつ、よろづのことに使ひけり。名をば、さぬきの造となむいひける。その竹の中に、もと光る竹なむ一筋ありける。あやしがりて、寄りて見るに、筒の中光りたり。それを見れば、三寸ばかりなる人、いとうつくしうてゐたり。翁いふやう、我朝ごと夕ごとに見る竹の中におはするにて知りぬ。子となり給ふべき人なめり、とて手にうち入れて家へ持ちて来ぬ。」

Surfaces & marks

Cards, pills, and badges on the glass registers — semantic tokens switch themes with a single class.

glass-card

The base veil. White over washi in light; a lifted warm dark — never a white haze — in dark.

ruri 瑠璃korozen 黄櫨染sumire 菫neutral

buttons & badges

WV-101v0.2.0
live
npx shadcn@latest add https://washiveil.alexchih.com/r/glass-card.json

Forms & controls

The full control set on the glass field register — every focus is a ruri ring.

npx shadcn@latest add https://washiveil.alexchih.com/r/glass-select.json

Overlays

Radix underneath, veils on top — panels float on strong glass over a soft deep scrim.

npx shadcn@latest add https://washiveil.alexchih.com/r/glass-dialog.json

Structure

Tabs, accordion, and tables in the washi editorial register.

The ground is warm and grained — never pure white.

TokenNamed afterΔE
ruri瑠璃 — lapis blue7.8
korozen黄櫨染 — imperial amber7.8
sumire菫 — violet13.0
npx shadcn@latest add https://washiveil.alexchih.com/r/glass-tabs.json

Indicators & wayfinding

Quiet states and quiet navigation.

AC
npx shadcn@latest add https://washiveil.alexchih.com/r/glass-pagination.json

Pickers & input

cmdk, day-picker, vaul, and OTP — all wearing the same veil.

Loading with K

Nothing here yet

The empty state is a dashed washi ground — quiet, not apologetic.

npx shadcn@latest add https://washiveil.alexchih.com/r/glass-command.json

Chinese & Japanese, first-class

Noto CJK unifies zh/ja glyph forms; display text balances; Japanese headings break at phrase boundaries.

zh-TW 中文

紙為底,紗為層,三色為光

暖紙質感的介面系統——全形標點與中日字形在各平台保持一致,排版不是事後補丁。

ja 日本語

紙の上に、三つの灯り

和紙の温もりを基調に、語節単位の改行と統一された字形で、日本語の組版を最初から考慮した設計です。

npx shadcn@latest add https://washiveil.alexchih.com/r/theme.json

Install

Every component pulls the theme token layer automatically.

npx shadcn@latest add https://washiveil.alexchih.com/r/glass-card.json