DOMに触れずにUIレイアウトを計算する
Textura は Yoga(flexbox)と Pretext(テキスト計測)を組み合わせ、DOMリフローなしでUIジオメトリ全体を計算するレイアウトエンジン。位置、サイズ、テキストの改行位置を純粋なJavaScript/WebAssemblyで算出する。
getBoundingClientRect() による同期的なレイアウトリフローを回避できるため、オフスレッドでのレイアウト計算、仮想化、Canvas/WebGL/SVGレンダリング、サーバーサイドでのジオメトリ生成といったユースケースに対応する。
APIは宣言的なツリー構造を受け取り、flex プロパティとテキストノードから計算結果を返す設計。Unicode セグメンテーション、CJK文字、アラビア語/双方向テキスト、絵文字にも対応しており、Chrome・Safari・Firefox で 7680/7680 の計測精度を達成している。
MCPサーバーも用意されており、Claude CodeなどのAIエージェントからレイアウトの分析・検証・自動修正が可能。