Jakubantalik/transitions.dev

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

何をするか

transitions.devは、Web画面で使うCSSトランジション集と、それをプロジェクトに追加するCLI、コーディングエージェント用のskill、画面の動きを検査するtransitions-agentをまとめたリポジトリです。主な対象は、画面遷移やアニメーションを一貫させたいフロントエンド開発者と、Claude CodeやCursorなどのコーディングエージェントで画面を作る人です。各トランジションは、:rootのカスタムプロパティ、t-接頭辞のクラス、prefers-reduced-motion対応を備えたコピー用のCSSスニペットとして提供されます。transitions-dev CLI(MIT、Node 18以上)はアカウントなしで無料トランジションを追加して一覧を表示し、Proトランジションはデバイスログインの後にapi.transitions.devからダウンロードし、ダウンロードのたびに利用権限を確認します。transitions-agent(MIT)は11のルールで画面コードをローカルで検査して0から100のモーションスコアを付け、GitHub ActionはPRにスコアのコメントを付けた後、そのPRブランチを対象に修正PRを開きます。fixコマンドは関係するファイルをホスト型の修正サービスに送り、Claudeが作った修正案をまずdiffで示し、ユーザーが承認した後にのみファイルへ反映し、修正範囲はCSSトランジションとアニメーションの保護コードに限られると説明しています。無料登録の段階では検査とActionが無制限、自分のClaude CodeやCursorを使う修正も無制限、ホスト型の修正は月10回かつ1日2回までで、Businessプランは月59ドルでPro 5席と月200回の修正を含みます。独自のTransitions.dev Licenseは個人と商用のプロジェクトでの改変と配布を認め、競合ライブラリとしての再配布を禁じており、企業でProトランジションや有料のAgent機能を使うには1人ごとにBusinessの席が必要です。CLIとagentのツールコードはMITで、GitHubがライセンスをNOASSERTIONと表示するのはこの独自ライセンスのためと見られます。トランジションの数はREADMEの表で12、README本文で18、リポジトリの説明で43以上、agent文書で無料32とPro 11と資料ごとに異なるため実際の数は直接数える必要があり、ホスト型の修正はコードを外部サービスに送るので、社内コードに使う前に送るファイルの範囲を決める必要があります。

ライセンス

独自ライセンス 標準ではない独自ライセンスです。再利用の前にライセンスファイルを確認してください。

同じ分野のリポジトリ

• CopilotKit/OpenIntelligentUI
  OpenIntelligentUIは文章だけでなく表や操作可能な画面で回答するチャットアプリと開発基盤です。会話内で説明、比較、小さなツールを提供したい開発者を対象とします。Pythonエージェントが質問を処理し、CopilotKitとAG-UIを通じて結果をブラウザへ送ります。Jevが表現方法を選び、基本的な表にはA2UI、複雑な可視化や計算機にはサンドボックス内のHTML、CSS、JavaScriptを使います。操作値を次の質問へ送れますが、別の呼び出しから過去の結果を直接修正するAPIはないと説明されています。Node.js 22以上、pnpm 9以上、Python 3.12以上、uvに加え、OpenAIとJevのキーを別途接続します。利用者のキーはブラウザのメモリに保持されますが、アプリサーバーを経由するため信頼できる運営者が必要です。確認したquery_dataソースはサンプルCSVの全行を返すだけで、検索語の絞り込みや実際の社内データ取得はしません。会話のチェックポイントはプロセスメモリにあり、再起動や複数サーバー間での永続性はありません。
• storytold/vectorcraft
  VectorCraftは、パス、文字、レイヤーと複数のアートボードを扱うデザイナー向けのRust製ベクターイラスト編集ソフトです。JSONベースの独自文書、SVGとPDFを開き、PDF互換のIllustratorファイルも対象とし、ベクターまたはラスター画像を書き出します。図形演算、編集可能な外観効果と独立した描画エンジンにより、画面そのものと文書データを分離します。CLIと、エージェントのツール接続規約であるMCPは、画面なしの実行またはデスクトップ接続モードで、描画命令、文書検査と描画プレビューを提供します。現在のCargo設定はRust 1.95を指定し、デスクトップ対象はmacOS、Windows、Linux、FreeBSDで、ブラウザビルドはWebAssemblyを使います。日本語フォントは任意の共有リポジトリから取得でき、デスクトップではそれがなければインストール済みのシステムフォントを使います。READMEはIllustratorとの完全な同等性を約束せず、高度な効果、CJK縦組み、細かな操作とWindowsおよびLinuxの配布パッケージに不足があると説明しています。MCP文書も進捗通知、実行中のキャンセルとリソース変更購読が未実装と明記しており、描画速度の主張は今回独立に再現していません。
• kargulstudio/sales-crm
  READMEではNext.js 16、React 19、Tailwind CSS 4を使う開始用テンプレートと説明しています。AVIF画像変換と動画およびRiveファイルからのポスター生成スクリプトを含みます。
• lism-css/core
  ウェブ画面のレイアウトを素早く作るための軽量なCSS設計frameworkです。Every Layoutのレイアウト基本要素と比率体系、Tailwind CSSの単一プロパティのutility class方式を参考にしています。CSS全体は約30キロバイトで、CDNまたはnpmからbuild工程も設定もなしに利用でき、CSS layerで規則を整理し、propsがclassとカスタムプロパティに変換されるReactとAstroのcomponentも提供します。
• devdotfast/whiteboard
  人とコーディングエージェントが一緒にソフトウェアを設計するデスクトップキャンバスです。エージェントはSDKで作業の説明を共有空間に描けます。

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