tate-chu-yoko — Interactive demo
Tweak the options and watch the vertical text rerender. The raw side shows what you get without the library; the uprighted side shows the same text wrapped by <Tcy>.
Without <Tcy> (plain vertical)
第1章 2026年4月19日、Webの縦書きはAPIレベルから進化した。
With <Tcy> (uprighted)
第1章 2026年4月19日、Webの縦書きはAPIレベルから進化した。
Generated HTML
第<span class="tcy">1</span>章 <span class="tcy">2026</span>年<span class="tcy">4</span>月<span class="tcy">19</span>日、<span class="tcy">Web</span>の縦書きは<span class="tcy">API</span>レベルから進化した。Vertical-writing support and text-combine-upright work in all modern browsers. If the uprighted side looks identical to the raw side, check that your browser has text-combine-upright: all enabled.