画像や動画のアスペクト比を維持するように、canvasによってメディアがトリミングされます。様々なコンポーネントとの併用も可能で、レスポンシブデザインではお世話になるコンポーネントの1つです。

カードコンポーネントは縦のレイアウトだけでなく、横向きのレイアウトも用意されています。構成としてヘッダー、画像、ボディ、フッターが用意されていて、必要な要素だけを組み合わせたカードスタイルを作ることができます。

タブコンポーネントはPCでの使いやすさはもちろんですが、UIkit3はスマートフォンの場合に自動でスワイプイベントにも対応してくれるため、使いやすいコンポーネントの1つです。基本的にはスイッチャーコンポーネントとの併用になりますが、タブも横・縦・右・左と好きなレイアウトを実装できます。

レスポンシブデザイン必須の時代に、「こうやってTableも対応させたらいいんじゃない？」というアイデアが詰まったUIkit3のテーブルコンポーネントです。セマンティックな構文が求められるHTMLで、他のタグだと代用ができない場合も多いため、個人的には結構な頻度で使っています。

一度も使ったことがないので詳しいことは言えませんが、どのフレームワークにも用意されていますね。UIkit3にももちろん用意されていますされています。ここでは通常のシングルオープンを用意していますが、マルチオープンも用意されているため、ナビゲーションに使うデザインにも相性は良さそうです。

スマートフォンの普及によって横配置のナビゲーションのデザインが問題になりました。それを解決する1つの手段としてオフカンバスによるデザインが広がりました。UIkit3のオフカンバスはHTMLの構造を簡潔に管理することができ、デザインの拡張性も富んでいます。個人的な評価としてはFoundation6と並ぶ使いやすさです。