Tailwind Mobile Vue

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

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

      <twm-block strong>Hello world!</twm-block>
    </twm-page>
  </twm-app>
</template>
<script>
  import { twmApp, twmPage, twmNavbar, twmBlock } from 'tailwind-mobile/vue';

  export default {
    components: {
      twmApp,
      twmPage,
      twmNavbar,
      twmBlock,
    },
  };
</script>

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 Vue.js before getting started.

Current documentation doesn't cover the process of compilation of Tailwind Mobile app to Cordova or Capacitor app. It is about Tailwind Mobile 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.

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

Ok, so first of all we need to learn how to install Tailwind Mobile

Code licensed under MIT.
2021 © Tailwind Mobile by nolimits4web.