vanilla-extract — Zero-runtime Stylesheets-in-TypeScript.

import { createTheme, style } from '@vanilla-extract/css'; export const [themeClass, vars] = createTheme({ color: { brand: 'blue', white: '#fff' }, space: { small: '4px', medium: '8px', } }); export const hero = style({ backgroundColor: vars.color.brandd, color: vars.color.white, padding: vars.space.large });

[mumei-0]

“Use TypeScript as your preprocessor. Write type‑safe, locally scoped classes, variables and themes, then generate static CSS files at build time.”

[yuya_presto]

TypeScriptでstaticなCSSを生成できるらしいCSS-in-JS

[jay-es]

ビルドすると静的 CSS ファイルが出力されるタイプの CSS-in-JS。スタイルは `.css.ts` ファイルに記述する

[efcl]

TypeScriptでスタイルをJSとして`.css.ts`に書いて`class`属性に指定したものをコンパイルすると、CSSファイルを生成するフレームワークに依存しないツールキット。 ビルド時に静的に展開されるAPIと実行時に動作するDynamic API、we

[takaya1992]

試してみたい