Konsta UI React

Konsta UI - is a free and open source mobile UI components framework built with Tailwind CSS.

import React from 'react';
import { App, Page, Navbar, Block } from 'konsta/react';

export default function MyApp() {
  return (
    <App theme="ios">
      <Page>
        <Navbar title="My App" />

        <Block strong>Hello world!</Block>
      </Page>
    </App>
  );
}

It is designed to develop hybrid mobile apps, Web Native apps or web apps with iOS & Android native look and feel.

It is highly recommended for you to be familiar with basics of both Tailwind CSS and React before getting started.

Current documentation doesn't cover the process of compilation of Konsta UI app to Cordova or Capacitor app. It is about Konsta UI and how to use all of its components. To learn more about how to compile your app to hybrid Cordova or Capacitor app that can be released at iOS and Google Play store refer to their official documentations.

Konsta UI Kitchen Sink is also a great place to get started, it has a lot examples for all Konsta UI components and covers most of aspects.

Ok, so first of all we need to learn how to install Konsta UI