UIでは、画面上に各要素を配置するときにグリッドシステムを採用しています。グリッドシステムでは、スプレッドシートのように画面を横列と縦列に分けます。各グリッドの横幅と縦幅を自由に指定したり、複数の行や列を結合することもできます。レイアウトは<ons-col>コンポーネントと<ons-row>コンポーネントを組み合わせて構成します。横幅と縦幅は、属性やCSSを使用して柔軟に指定できます。一覧表示を行うときにはグリッド関連のコンポーネントを使用する必要はありません。iOSフラットデザインとAndroidマテリアルデザインの仕様に準拠したリスト用のコンポーネントを提供していますので、そちらをご利用ください。プラットフォームの識別ons.platformを使い、実行中のプラットフォームを識別できます。画面向きの識別ons.orientationを使って画面の向きを識別できます。ジェスチャーの認識スワイプや長押しといったジェスチャーを検出することができます。UIではHammer.jsを組み込んでおり、ons.GestureDetectorオブジェクトとして利用できます。menuReact用バインディングを除き、ジェスチャーを受け取りたい部分のDOMに対してons-gesture-detectorコンポーネントを囲むことで、簡単にジェスチャーを認識できます。subscribing!。