lism-css/core

外部のオープンソース リポジトリを紹介するページです。HDATFの製品ではありません。

何をするか

ウェブ画面のレイアウトを素早く作るための軽量なCSS設計frameworkです。Every Layoutのレイアウト基本要素と比率体系、Tailwind CSSの単一プロパティのutility class方式を参考にしています。CSS全体は約30キロバイトで、CDNまたはnpmからbuild工程も設定もなしに利用でき、CSS layerで規則を整理し、propsがclassとカスタムプロパティに変換されるReactとAstroのcomponentも提供します。

ATFへの役立ち方

ATF Worksの画面は同じ数種類の形を繰り返し使います。一度決めたレイアウト規則は、画面ごとに手で整えたものより保ちやすいです。それらの形をレイアウト基本要素として名前を付けておく方式は、当社が既に持つCSSと比較してみる価値があります。

ライセンス

MIT 寛容なライセンスです。著作権表示を残せば商用利用と改変ができます。

同じ分野のリポジトリ

• devdotfast/whiteboard
  人とコーディングエージェントが一緒にソフトウェアを設計するデスクトップキャンバスです。エージェントはSDKで作業の説明を共有空間に描けます。
• dgreenheck/tidewater
  three.js、WebGPU、TSLで作られたブラウザ用の熱帯の島と海の体験シーンです。海のシミュレーション、大気効果、ボート、海洋生物を含みます。
• robbietilton/Compositor
  合成と後処理を中心としたMac向け画像編集ソフトです。レイヤー、マスク、調整レイヤー、変形、選択、レタッチの機能を提供します。
• wide-trace/open-higgsfield
  一つのプロンプト入力欄、モデル別の設定、完了した処理のギャラリーを備える画像と動画の生成スタジオです。
• shadcn-ui/lint
  ESLintとOxlintで使える、Tailwindデザインシステム向けのlinterです。チームが許可する範囲を定めておくと、agentがルールに違反したとき、エラーが問題を説明し、プロジェクトのコンポーネント、variant、themeに沿った修正方法を提案します。

Trendshiftのランキングに入ったリポジトリだけを載せ、リストは候補を探すためだけに使いました。順位の数字は転載していません。説明、ライセンス、スター数は各GitHubリポジトリで確認しました。解説は私たちの判断です。これらを試験したわけではなく、上昇リストに載ったことは品質の証明ではありません。