Konsta UI Svelte

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

<script>
  import { App, Page, Navbar, Block } from 'konsta/svelte';
</script>
<App theme="ios">
  <Page>
    <Navbar title="My App" />

    <Block strong>Hello world!</Block>
  </Page>
</App>

ハイブリッド モバイル アプリ、Web ネイティブ アプリ、または iOS および Android のネイティブな外観の Web アプリを開発するために設計されています。

開発を始める前に、Tailwind CSS と Svelte の基本に精通しておくことを強くお勧めします。

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

Konsta UI の キッチン シンク も、開発を始めるのに最適な場所です。あらゆる Konsta UI コンポーネントの例が多数あり、ほとんどの側面をカバーしています。

さて、最初は Konsta UI のインストール 方法を学ぶ必要があります。