投稿日: Jun 30, 2022

オープンソースの UI ライブラリである Amplify UI を使うと、AWS Amplify のシンプルさと拡張性を UI 開発に取り入れることができます。Amplify UI は認証や動的データなどの複雑なワークフローを簡素化するコネクテッドコンポーネント、アプリケーション間の一貫性を生み出すビルディングブロックになるプリミティブコンポーネント、Amplify UI をどんなブランドにもできるテーマで構成されています。

最先端の拡張性とカスタマイズのしやすさを持つ Amplify UI を使うと、フロントエンドの技術スタックに関係なく、あらゆるアプリケーションに簡単に統合できます。本番環境に対応した 35 を超えるコンポーネントがある Amplify UI を基盤として使うと、あらゆるアプリケーションやデザインシステムを構築できます。

Amplify UI には多数の機能があります

  • 最小限の依存関係で、お気に入りのスタイルフレームワークで使用したり、プレーンな CSS を使用したり、スタイルにこだわらずに使用したりできます。
  • すべてのプリミティブコンポーネントで Figma UI キットとテーマ設定プラグインを利用できます。Amplify Studio で Figma コンポーネントを React コンポーネントに変換します。
  • カラーコントラスト、キーボードナビゲーション、アクセシブルラベル、フォーカス管理などのアクセシビリティのベストプラクティス (WCAG および WAI-ARIA) が組み込まれています。
  • ファーストクラス Typescript サポートによるシームレスな開発者エクスペリエンス。
  • 強力なテーマ設定機能により、Amplify UI を自分のブランドのようにできます。

使い始めるには、Amplify UI にアクセスしてください。