BT

最新技術を追い求めるデベロッパのための情報コミュニティ

寄稿

Topics

地域を選ぶ

InfoQ ホームページ ニュース HeroUI v3が、Tailwind CSS v4を基盤としたReactおよびReact Native向けの全面的な書き換え版として登場

HeroUI v3が、Tailwind CSS v4を基盤としたReactおよびReact Native向けの全面的な書き換え版として登場

原文リンク(2026-07-01)

かつてNextUIとして知られていたReactコンポーネントライブラリ「HeroUI」が、HeroUI v3をリリースした。これはゼロから書き直されたもので、開発チームはこれをWebとネイティブ向けの単一のデザインシステムと位置付けている。 2026年3月のリリースでは、75以上のWebコンポーネント(うち21個が新規)に加え、37のコンポーネントを備え、ゼロから構築されたまったく新しいReact Nativeライブラリが提供されている。

HeroUI v3は、アクセシビリティのためにReact Aria Componentsを、スタイリングのためにTailwind CSS v4を採用しており、カスタマイズ用にCSS変数、OKLCHカラー、BEM修飾子を公開している。 すべてのアニメーションはJavaScriptランタイムを必要としないCSSに移行されており、このライブラリは従来のプロバイダーラッパーを廃止した複合コンポーネントAPIを採用しており、React 19やNext.jsでそのまま利用可能だ。

また、今回のリライトではAIを活用した開発に重点を置いており、MCPサーバー、エージェントスキル、llms.txtファイルが同梱されている。これにより、コーディングアシスタントがコンポーネントのドキュメントを直接読み取れるほか、コンポーネントと1:1で対応したFigma Kit v3も提供される。

npmでは、コア @heroui/react パッケージの週間ダウンロード数は約34万1,000件を記録しており、別の heroui-native パッケージは週に約11,000件のダウンロードがあり、GitHubリポジトリのスター数は27,700件近くに達している。

バージョン3.0以降、いくつかのマイナーアップデートがリリースされている。v3.0.3ではReact Aria Componentsを1.17.0にアップグレードし、インストール速度向上のために推移的な依存関係の約90%を削除するとともに、Typographyコンポーネントを追加した。 5月下旬のv3.1.0では、中国語のドキュメントが追加され、ソフトカラートークンが拡張され、テーマ設定可能な共有スクロールバーシステムが導入され、useThemeのSSR修正が行われた。そして、v3.2.0は2026年6月16日に現行ラインとしてリリースされ、現在は月1回のマイナーリリースが公式なリリースサイクルとなっている。

Redditに投稿したNextUIおよびv2の長期ユーザーは、テーマページやドキュメントを称賛しつつも、v3では入力ラベルのアニメーション、事前定義された単位、オートコンプリートが「すべてなくなってしまった」と嘆いた:

v3を使って新しいプロジェクトを始めたばかりだ。テーマページは美しく、ドキュメントもいつものように的確だが、v2で気に入っていた機能が次々と欠けていることに気づく……入力フィールドのラベルアニメーションの選択肢、単位の事前設定機能、オートコンプリート……すべてなくなってしまった。

GitHubでは、開発者たちがロードマップやナビゲーションバーなどの欠落機能について疑問を呈しており、ある開発者は「プロジェクトのスケジュールに関する透明性が確かに欠けている」と指摘している。

v2から移行するチームは慎重に計画を立てるべきだ。v2とv3は同じプロジェクト内で共存できないからだ。公式の移行ガイドでは、専用の移行用MCPサーバーによる完全移行段階的移行の両方が提供されているが、Imageなどの一部のコンポーネントはネイティブ要素に置き換えられる形で完全に削除されている。

HeroUIは、Junior Garcíaによって作成され、Y Combinatorの支援を受ける、オープンソースで実運用可能なReactおよびReact Nativeコンポーネントライブラリだ。Apache 2.0ライセンスの下で配布されており、GitHubで完全なリリースノートが公開されている。

作者について

この記事に星をつける

おすすめ度
スタイル

特集コンテンツ一覧

BT