Konsta UI Vue

Konsta UI は、Tailwind CSS で構築された、無料かつオープンソースのモバイル UI コンポーネントフレームワークです。

<template>
  <k-app theme="ios">
    <k-page>
      <k-navbar title="My App" />

      <k-block strong>Hello world!</k-block>
    </k-page>
  </k-app>
</template>
<script>
  import { kApp, kPage, kNavbar, kBlock } from 'konsta/vue';

  export default {
    components: {
      kApp,
      kPage,
      kNavbar,
      kBlock,
    },
  };
</script>

ハイブリッドモバイルアプリ、Web Native アプリ、または iOS と Android のネイティブのルックアンドフィールを持つ Web アプリの開発を目的として設計されています。

Tailwind CSS と Vue.js の両方の基礎に精通しておくことを強くお勧めします。

現在のドキュメントでは、Konsta UI アプリの Cordova または Capacitor アプリへのコンパイルのプロセスについては触れていません。このドキュメントは Konsta UI とそのコンポーネントの使用方法について説明しています。アプリをハイブリッド Cordova または Capacitor アプリにコンパイルする方法の詳細については、公式ドキュメントを参照してください。コンパイルされたアプリは iOS と Google Play ストアでリリースできます。

Konsta UI キッチンシンク も開始に最適な場所です。すべての Konsta UI コンポーネントの例が多くあり、ほとんどの側面を網羅しています。

それでは、まず最初に Konsta UI の インストール方法 を学ぶ必要があります。