フロントエンドのフレームワークとUIコンポーネント：2026年のおすすめ

Web、サーバー、ネイティブの各プラットフォームで利用できる、組み合わせ可能なコンポーネントからインタラクティブなUIを構築するJavaScriptライブラリ。

Angularは、CLI、ルーティング、フォーム、SSR、Materialコンポーネントを備えた、TypeScriptベースのWebアプリケーション開発プラットフォームです。

アートディレクション、実際の写真、ブラウザでのセルフチェックで、コーディングエージェントに個性あるフロントエンドを作らせるAgent Skills。

GoogleのMaterial Designを実装したReactコンポーネントライブラリ。すぐに使えるUIコンポーネントを幅広く提供します。

HTMLやJSXに単一目的の小さなクラスを直接記述して、独自のUIを構築できるユーティリティファーストのCSSフレームワーク。

React、Vue、Angular、Svelteなどに対応し、UIコンポーネントを分離して構築・ドキュメント化・テストできるフロントエンド向けワークショップ。

AIコーディングエージェント向けのデザインガイド。デザインスキル、24個のコマンド、ブラウザー上でのライブ反復機能、AI生成フロントエンドUI向けの決定論的な検出ルール61個を提供します。

AIモデルを使って、スクリーンショット、モックアップ、Figmaデザイン、画面録画からHTML、Tailwind、React、Vueなどのフロントエンドコードを生成します。

多数のモジュールやアセットを少数のバンドルにまとめ、コード分割や非JavaScriptファイル用ローダーも備えたJavaScriptモジュールバンドラー。

トピック別にFlutterのライブラリ、プラグイン、チュートリアル、記事、サンプルアプリをまとめた厳選リスト。

Provider不要の、React向け小型フックベースの状態管理ライブラリ。

Web Componentsを基盤とするオープンソースのUIツールキット。JavaScript/TypeScriptの単一コードベースから、iOS、Android、PWA向けアプリを開発できます。

shadcnまたはjsrepoから導入できる、無料でアニメーションやカスタマイズに対応したReact・Next.jsコンポーネントと背景素材を215種類以上収録したライブラリです。

VercelやLinearでの経験をもとに、AIコーディングアシスタントにアニメーションやUIデザイン、フロントエンドの作法を教えるエージェントスキル集です。

人気のプログラミング言語、フレームワーク、開発ツールを対象にした、厳選された単一ファイル形式のチートシート集です。

React、Router、Redux、テスト、React Nativeを扱う、回答付きのReactJS面接質問集。

Tailwind CSSにクラス名で使えるUIコンポーネントを追加する、無料のオープンソースライブラリ。

Vue向けのMaterial Design UIコンポーネントフレームワーク。Webアプリケーション構築に使える、手作りのレスポンシブなコンポーネントを提供します。

ダークモードとNext.js RSCに対応し、Webアプリをすばやく構築できるアクセシブルなReactコンポーネントライブラリ兼デザインシステム。

React Nativeアプリの開発に役立つライブラリ、ツール、ニュース、学習リソースを厳選したリスト。

HTMLに直接リアクティブな動作を追加できる、堅牢でミニマルなJavaScriptフレームワーク。

React AriaとTailwind CSS v4を基盤とするReact UIコンポーネントライブラリ。旧称はNextUI。

1つのコードベースから、SPA、SSR/SSGサイト、PWA、ブラウザー拡張機能、モバイルアプリ、Electronアプリを構築できるVue.jsフレームワーク。

Next.jsやshadcn/uiのアプリにコピーして使える、アニメーション付きUIコンポーネントとエフェクトを集めたReact・Tailwind CSSライブラリです。

ルーティング、サーバーサイドレンダリング、さまざまなホスティングプラットフォーム向けのデプロイアダプターを備えた、SvelteのフルスタックWebアプリ構築フレームワークです。

GPUIフレームワークでクロスプラットフォームアプリを構築するための、75以上のスタイル付きコンポーネントを備えたRust製デスクトップGUIキット。

AIエージェントとユーザー向けフロントエンドアプリケーションの接続方法を標準化する、オープンなイベントベースのプロトコルです。

HTML、CSS、JavaScriptを書かずに、ブラウザベースのWeb UIや小規模アプリを構築できるPythonフレームワーク。

React 19とStyleXを基盤とした、150以上のアクセシブルなコンポーネント、テーマ、CLIを備えるオープンソースのReactデザインシステム。

本番品質のAIチャットUIを構築するためのTypeScript/Reactライブラリ。合成可能なプリミティブとバックエンド連携を備えています。

独自のデザインシステム構築に使える、アクセシブルなUIプリミティブを備えたスタイルなしのReactコンポーネントライブラリ。

シーンの外から内部へカメラが途切れず飛び込む、スクロール連動型3Dランディングページを生成するエージェントスキル。

shadcn/uiをSvelteに移植した非公式プロジェクト。アクセシブルでカスタマイズ可能なコンポーネントを自分のアプリにコピーして使えます。

ライブプレビューとReactの全ソースを備えた、ログイン不要のThree.js/WebGL UIコンポーネントカタログ

shadcn/uiプロジェクトへの導入を想定した、Tailwind CSSとMotion製のMITライセンスのReactアニメーションコンポーネント集。

クラスを使わず、ネイティブ要素をスタイリングできる、約10KBの依存関係ゼロのセマンティックHTML・CSS・JS UIライブラリ。

MCPツールが返し、ホストが表示できるインタラクティブなUIリソースを構築するためのTypeScript、Ruby、Python SDK。

オリジナルのアイコン、イラスト、アニメーションを備えた、島をイメージした居心地のよいReact・TypeScript UIコンポーネントライブラリ。

Claude CodeとCodex向けのエージェントスキル。AI生成モーションを入力連動のWebアニメーションに変換

Tailwind CSSとmotionを基盤に、再利用可能なカーソル追従エフェクトを提供するReact・Next.js向けアニメーションライブラリ。

AIエージェント向けのUIデザインスキル。複数の方向性を比較し、実際のスクリーンショットをもとにブラッシュアップします。

AIコーディングエージェントが一行の brief から受賞作のようなWebサイトを制作し、/juryで採点できるスキル。

ブラウザ上で動作するオープンソースのAIコーディングエージェント。アプリ内の要素をクリックすると、そのソースコードを編集できます。

動画を最適化済みWebPフレーム列に変換し、スクロールで操作するcanvasサイトを構築するAgent Skill。