OSS探訪ページ内ナビ
概要
Ant Designはenterprise web application向けのdesign languageとReact component libraryです。Form、Table、DatePicker、Modal、Upload等の完成済みcomponent、TypeScript type、国際化、theme customization、CSS-in-JSをまとめて提供します。
特徴と向いている用途
公式資料に基づく紹介・実機未検証 · 内容確認日：
主な特徴
業務UI向けの豊富なReact componentをそのまま使う
form、table、navigation、feedback、data entry、overlay等を含むcomponent群をimportして、管理画面や業務applicationを短期間で組み立てられます。
出典：[1]
design tokenとCSS-in-JSでthemeを統一する
theme customizationをbuilt-inで持ち、design tokenとCSS-in-JSを通じてcolor、typography、spacing等のvisual ruleをapplication全体へ適用できます。
出典：[1]
国際化・SSR・Electronを含む実運用environmentへ対応する
多数言語のlocale、modern browser、server-side rendering、Electronをsupport対象として案内しています。
出典：[1]
向いている用途
component選定より業務機能実装へ集中したいReact teamに向く
back-office、dashboard、SaaS admin等でUI patternを個別設計せず、共通design system上で機能実装を進めたいteamに適しています。
出典：[1]
導入前の確認
6.6.5はReact 18以上がpeer dependency
6.6.5 package metadataはreact/react-domを>=18.0.0としています。古いReact applicationではlibraryだけを先に上げず、host Reactのupgrade計画と合わせます。
出典：[2]
major version migrationではdeprecated APIとtheme差分を確認する
v6系は継続的にcomponent behavior・type・deprecated propertyの整理が進んでいます。6.6.5でもDrawerのdeprecated option warning等が修正されており、既存codeはchangelogとmigration guideを確認します。
出典：[3]
参考にした公式資料
- [1]Ant Design README(2026-10-03)
- [2]Ant Design 6.6.5 package.json(2026-10-03)
- [3]Ant Design 6.6.5 release(2026-10-03)
- [4]Ant Design MIT license(2026-10-03)
編集部からの補足
Table、Form、DatePicker等を含む大規模な業務UIを一貫したdesign systemで作りたい場合に強いcomponent libraryです。v6はReact 18+を前提にするため、既存v5 projectではcomponent単位のdeprecated APIとtheme差分を確認してから更新してください。
3ステップで試す
- 1
既存React projectへAnt Design 6.6.5を追加
React 18以上のprojectへversion固定で追加します。
npm install antd@6.6.5 - 2
componentをimport
必要なcomponentをmoduleからimportし、既存pageへ配置します。
import { Button, DatePicker } from 'antd'; - 3
開発serverでthemeとinteractionを確認
SSR/client boundary、locale、theme token、form/table interactionを実際のapplication環境で確認します。
npm run dev
成長
成長の推移 · 直近30日
99,664 Stars
推移データを蓄積中です。
開発アクティビティ
直近90日・週次
- Commit（直近30日）
- 119
- Open PR
- 130
開発アクティビティを蓄積中です。
Built with
カテゴリとタグ
GitHubデータ
GitHubのデータGitHubの詳細データを見る
GitHub Topics
- react
- ui-kit
- typescript
- antd
- ant-design
- design-systems
- ui-library
- Stars
- 99,664
- Forks
- 54,690
- Watchers
- 255
- Open Issues
- 968
- Contributors
- 377
- 所有者種別
- Organization
- 主要言語
- TypeScript
- ライセンス
- MIT
- リポジトリ最終更新
- 2026/10/02
関連情報
関連記事を投稿するこのOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。
あわせて探訪
- React Spectrum15,911 Stars
共通タグ 5件 · 共通カテゴリ 3件 · 同じ言語
アクセシブルなReact UIを、完成済みSpectrum componentsまたはunstyledなReact Ariaから構築する
TypeScript - Ariakit8,623 Stars
共通タグ 4件 · 共通カテゴリ 3件 · 同じ言語
React向けのunstyledなaccessibility primitivesを組み合わせ、独自デザインのUI componentを構築する
TypeScript - Expo52,540 Stars
共通タグ 4件 · 共通カテゴリ 2件 · 同じ言語
React NativeアプリをAndroid・iOS・Webへ一つのprojectから展開する
TypeScript - Tailwind CSS97,754 Stars
共通タグ 4件 · 共通カテゴリ 1件 · 同じ言語
ユーティリティクラスをHTMLやコンポーネントで組み合わせ、必要なCSSをビルド時に生成する
TypeScript - Storybook91,196 Stars
共通タグ 4件 · 共通カテゴリ 1件 · 同じ言語
UI状態をstoryとして保存し、Docs・interaction test・AI toolへ再利用するfrontend workshop
TypeScript - Motion33,817 Stars
共通タグ 4件 · 共通カテゴリ 1件 · 同じ言語
React・JavaScript・Vueでgestureやspring、layout transitionを含むWeb animationを構築する
TypeScript
情報の誤りを報告
掲載内容に誤りや古い情報があればお知らせください。