ホームトピックUI Components
// トピック

UI Components

17直近 90 日のトレンド·17累計

// 今月の新着

// エコシステム

React9Web Development6JavaScript5Design System5Vue4UI Components
Frontend 13
Mobile 4

// 今週の TOP 5

01
ant-design / x
Ant Design X は、インテリジェントな AI インターフェースを構築するために設計された、包括的なアトミックコンポーネントとユーティリティ API を提供します。このライブラリには、ストリーミング Markdown レンダリング、動的なカード生成、および AI エージェントのデータストリーム管理のための専門的なツールが含まれています。開発者が高品質でインタラクティブな AI 会話アプリケーションを効率的に作成できるよう、エンタープライズレベルのエコシステムを提供します。
724,492
02
Tencent / tdesign-vue-next
TDesign Vue Next は Vue 3 デスクトップアプリケーション向けに設計された包括的な UI コンポーネントライブラリです。ダークモードやテーマのカスタマイズ、効率的な tree-shaking に対応した一貫性のあるデザイン言語を提供します。また、様々な TDesign フレームワーク間で API の一貫性を保つことで、高品質な開発体験を実現します。
572,085
03
Tencent / tdesign-miniprogram
TDesign-miniprogram は Tencent の TDesign デザインシステムに準拠した WeChat Mini Program 向けコンポーネントライブラリです。開発者は NPM を介して様々なカスタムコンポーネントを簡単にインストールし、迅速にインポートできます。本プロジェクトは WeChat DevTools でのプレビューに対応しており、最低ベースライブラリバージョン 2.6.5 が必要です。
501,630
04
Tencent / tdesign-vue
TDesign Vue は Vue 2 デスクトップアプリケーション向けに設計された包括的な UI コンポーネントライブラリです。他のフレームワークの TDesign ライブラリと一貫したデザイン言語と API を提供します。ダークモードやカスタマイズ可能なテーマ、効率的な tree-shaking に対応しており、パフォーマンスを最適化できます。
491,012
05
XiaoMi / hiui
HiUI は、中・バックオフィスシステム向けに設計されたフロントエンドコンポーネントライブラリであり、一貫したインタラクションと美しいインターフェースを備えたアプリケーションを迅速に構築できるよう支援します。このライブラリは、ほとんどの中・バックオフィスシステムの開発ニーズをカバーできる豊富なビジネス用テンプレートとコンポーネントを提供します。単一コンポーネント設計によりデータ構造の分離を実現し、コンポーネントの使いやすさと将来的なアップグレードの利便性を確保しています。
48855

// 累計の注目 (17)

ant-design / pro-components
ProComponents は、堅牢なエンタープライズレベルの React アプリケーション開発を効率化するために設計された包括的な UI ライブラリです。Table、Form、Chart を含む高度なコンポーネント群と、強力なデータ処理機能を備えています。生産性の向上に大きく貢献しますが、学習コストや詳細なカスタマイズにおける潜在的な制限については考慮が必要です。
78
Tencent / tdesign
TDesign は、複数のプラットフォームや技術スタック全体で一貫した UI コンポーネントライブラリを提供する包括的なエンタープライズデザインシステムです。開発者がプロフェッショナルなアプリケーションを効率的に構築できるよう、幅広いデザインリソース、ツール、スターターキットを提供しています。このプロジェクトはオープンソースのコラボレーション原則に基づいて構築されており、継続的なアップデートとコミュニティ主導の改善が保証されています。
78
ant-design / x
Ant Design X は、インテリジェントな AI インターフェースを構築するために設計された、包括的なアトミックコンポーネントとユーティリティ API を提供します。このライブラリには、ストリーミング Markdown レンダリング、動的なカード生成、および AI エージェントのデータストリーム管理のための専門的なツールが含まれています。開発者が高品質でインタラクティブな AI 会話アプリケーションを効率的に作成できるよう、エンタープライズレベルのエコシステムを提供します。
72
ant-design / ant-design-mobile
Ant Design Mobile は、モバイル Web アプリケーション構築に特化した必須 UI コンポーネント集を提供します。このライブラリは、高いパフォーマンスと軽量なパッケージサイズに最適化されており、CSS variables を通じた広範なカスタマイズが可能です。開発者は、そのアトミックなコンポーネント構造と滑らかなアニメーションを活用して、プロフェッショナルなモバイルユーザー体験を構築できます。
70
Tencent / tdesign-vue-next
TDesign Vue Next は Vue 3 およびデスクトップアプリケーション向けに設計された包括的な UI コンポーネントライブラリです。他の TDesign フレームワークと一貫したデザイン言語を採用し、高品質でカスタマイズ可能なコンポーネントを提供します。また、tree-shaking やダークモード、柔軟なテーマ設定といったモダンな開発手法をサポートしています。
68
Tencent / tdesign-vue-next
TDesign Vue Next は Vue 3 デスクトップアプリケーション向けに設計された包括的な UI コンポーネントライブラリです。ダークモードやテーマのカスタマイズ、効率的な tree-shaking に対応した一貫性のあるデザイン言語を提供します。また、様々な TDesign フレームワーク間で API の一貫性を保つことで、高品質な開発体験を実現します。
57
cloudflare / kumo
Kumo は、モダンでアクセシブルな Web アプリケーションを構築するために Cloudflare が設計したコンポーネントライブラリです。Base UI のプリミティブを活用することで、フォーカスやキーボードナビゲーションといった複雑なアクセシビリティ機能を自動的に管理します。開発者は標準の npm パッケージを通じてこれらのコンポーネントをプロジェクトに簡単に統合できるほか、組み込みの CLI を使用してドキュメントを参照することも可能です。
52
Tencent / tdesign-miniprogram
TDesign-miniprogram は Tencent の TDesign デザインシステムに準拠した WeChat Mini Program 向けコンポーネントライブラリです。開発者は NPM を介して様々なカスタムコンポーネントを簡単にインストールし、迅速にインポートできます。本プロジェクトは WeChat DevTools でのプレビューに対応しており、最低ベースライブラリバージョン 2.6.5 が必要です。
50
Tencent / tdesign-react
TDesign React は React 16.x およびデスクトップアプリケーション向けに設計された包括的な UI コンポーネントライブラリです。ダークモードやテーマのカスタマイズ、効率的な tree-shaking に対応した一貫性のあるデザイン言語を提供します。また、様々な TDesign フレームワーク間で API と UI の整合性を維持することで、高品質な開発体験を実現します。
50
Tencent / tdesign-vue
TDesign Vue は Vue 2 デスクトップアプリケーション向けに設計された包括的な UI コンポーネントライブラリです。他のフレームワークの TDesign ライブラリと一貫したデザイン言語と API を提供します。ダークモードやカスタマイズ可能なテーマ、効率的な tree-shaking に対応しており、パフォーマンスを最適化できます。
49
Tencent / tdesign-mobile-vue
TDesign Mobile Vue は、 Vue 3 モバイル Web アプリケーション向けに設計された包括的な UI コンポーネントライブラリです。他の TDesign フレームワークと一貫したデザイン言語と API 構造を提供し、シームレスな統合を実現します。ダークモードやテーマのカスタマイズ、効率的な tree-shaking によるパフォーマンス最適化といった重要な機能をサポートしています。
49
XiaoMi / hiui
HiUI は、中・バックオフィスシステム向けに設計されたフロントエンドコンポーネントライブラリであり、一貫したインタラクションと美しいインターフェースを備えたアプリケーションを迅速に構築できるよう支援します。このライブラリは、ほとんどの中・バックオフィスシステムの開発ニーズをカバーできる豊富なビジネス用テンプレートとコンポーネントを提供します。単一コンポーネント設計によりデータ構造の分離を実現し、コンポーネントの使いやすさと将来的なアップグレードの利便性を確保しています。
48
Tencent / tdesign-flutter
TDesign Flutter は、Tencent のデザインシステムに基づいたモバイルおよび Web アプリケーション向けのクロスプラットフォーム UI コンポーネントライブラリです。iOS、Android、Web 全体で一貫したデザインを実現するために、豊富なコンポーネント群、テーマカスタマイズツール、アイコンサポートを提供します。また、ダークモードやカスタムテーマ生成、Flutter の国際化機能との統合といった高度な機能もサポートしています。
45
Tencent / tdesign-miniprogram
TDesign は Tencent が公開した WeChat Mini Program 向けのオープンソースコンポーネントライブラリです。開発者は NPM を通じて簡単にインストールし、必要なコンポーネントをオンデマンドでインポートできます。本プロジェクトは WeChat Mini Program のベースライブラリバージョン 2.6.5 以上を必要とし、MIT ライセンスに従います。
44
Tencent / tdesign-common
TDesign Common Library は、共通のスタイルとユーティリティ関数を統合した基盤リポジトリです。本プロジェクトは、サブディレクトリ構造を通じて多様なフレームワークに対する統一的な開発サポートを提供します。リポジトリは、Web およびモバイル UI 開発リソースと、汎用的な JavaScript ユーティリティ関数に明確に分割されています。
39
XiaoMi / hiui
HiUI は、中・バックオフィスシステム向けに設計されたフロントエンドコンポーネントライブラリであり、一貫したインタラクションと美しいインターフェースを備えたアプリケーションを迅速に構築できるよう支援します。このライブラリは、ほとんどの中・バックオフィスシステムの開発ニーズをカバーできる豊富なビジネス用テンプレートとコンポーネントを提供します。設計にはデータ構造分離パターンを採用しており、すぐに使用できるだけでなく、フルインストールやオンデマンドインストールといった柔軟な導入方法に対応しています。
38
0xGF / boneyard
Boneyard は、実際の DOM からレイアウト情報を抽出し、ピクセル単位で正確なスケルトン画面を自動生成する開発ツールです。開発者は、シンプルなコンポーネントのラップとコマンドラインビルドを通じて、手動調整なしで読み込み中のプレースホルダー効果を実現できます。本ツールは React、React Native、Svelte などの多様なフレームワークをサポートし、柔軟なレイアウト API を提供することで、異なるレスポンシブ要件に対応します。
31

// プロジェクト別ユースケース

pro-components
  • 01Rapid construction of complex enterprise-grade UI layouts
  • 02Advanced data handling and business logic integration
  • 03Streamlined component configuration with visual tools
tdesign
  • 01Building consistent cross-platform applications using Vue, React, and WeChat MiniProgram component libraries.
  • 02Utilizing professional design guidelines and resources like Figma and Sketch plugins for unified user experiences.
  • 03Accelerating development workflows with out-of-the-box starter kits and customizable design tokens.
x
  • 01Building interactive AI user interfaces with atomic components
  • 02Managing AI application data streams and model agent connections
  • 03Rendering streaming Markdown and dynamic cards from structured JSON
ant-design-mobile
  • 01Building high-performance mobile web applications
  • 02Creating custom themes using CSS variables
  • 03Implementing smooth mobile gestures and delicate animations
tdesign-vue-next
  • 01Building high-quality desktop applications with Vue 3.x
  • 02Implementing consistent UI designs across different framework platforms
  • 03Optimizing bundle sizes through tree-shaking support

// 関連トピック