![Staart](https://raw.githubusercontent.com/o15y/staart-ui/master/static/staart-ui-logo.png)

Staart UI is a frontend starter for SaaS startups written in TypeScript and Vue using Nuxt.js. It has built-in landing pages, authentication, settings UIs, and more.

|  | Status |
| - | - |
| Build | [![Netlify](https://img.shields.io/netlify/579f5cb0-6a9b-4bfb-bc99-8093a946a200)](https://app.netlify.com/sites/staart-demo/deploys) [![GitHub Actions](https://github.com/o15y/staart-ui/workflows/Node%20CI/badge.svg)](https://github.com/o15y/staart-ui/actions) [![Travis CI](https://img.shields.io/travis/o15y/staart-ui?label=Travis%20CI)](https://travis-ci.org/o15y/staart-ui) [![Circle CI](https://img.shields.io/circleci/build/github/o15y/staart-ui?label=Circle%20CI)](https://circleci.com/gh/o15y/staart-ui) [![Build Status](https://dev.azure.com/anandchowdhary0001/Staart%20UI/_apis/build/status/o15y.staart-ui?branchName=master)](https://dev.azure.com/anandchowdhary0001/Staart%20UI/_build/latest?definitionId=5&branchName=master) |
| Dependencies | [![Dependencies](https://img.shields.io/david/o15y/staart-ui.svg)](https://david-dm.org/o15y/staart-ui) [![Dev dependencies](https://img.shields.io/david/dev/o15y/staart-ui.svg)](https://david-dm.org/o15y/staart) ![Vulnerabilities](https://img.shields.io/snyk/vulnerabilities/github/o15y/staart-ui.svg) |
| Community | [![Contributors](https://img.shields.io/github/contributors/o15y/staart-ui.svg)](https://github.com/o15y/staart-ui/graphs/contributors) [![GitHub](https://img.shields.io/github/license/o15y/staart-ui.svg)](https://github.com/o15y/staart-ui/blob/master/LICENSE) ![Type definitions](https://img.shields.io/badge/types-TypeScript-blue.svg) [![npm package version](https://img.shields.io/npm/v/@staart/ui)](https://www.npmjs.com/package/@staart/ui) |

Staart UI is built to work with [Staart](https://github.com/o15y/staart), the backend starter for SaaS startups.

<table>
  <tbody>
    <tr>
      <td>
        <img alt="" src="https://raw.githubusercontent.com/o15y/staart-ui/master/static/screenshots/Screen Shot 2019-07-01 at 12.53.06.png">
      </td>
      <td>
        <img alt="" src="https://raw.githubusercontent.com/o15y/staart-ui/master/static/screenshots/Screen Shot 2019-07-01 at 12.53.15.png">
      </td>
    </tr>
    <tr>
      <td>
        <img alt="" src="https://raw.githubusercontent.com/o15y/staart-ui/master/static/screenshots/Screen Shot 2019-07-01 at 12.53.30.png">
      </td>
      <td>
        <img alt="" src="https://raw.githubusercontent.com/o15y/staart-ui/master/static/screenshots/Screen Shot 2019-07-01 at 12.53.54.png">
      </td>
    </tr>
    <tr>
      <td>
        <img alt="" src="https://raw.githubusercontent.com/o15y/staart-ui/master/static/screenshots/Screen Shot 2019-07-01 at 12.54.28.png">
      </td>
      <td>
        <img alt="" src="https://raw.githubusercontent.com/o15y/staart-ui/master/static/screenshots/Screen Shot 2019-07-01 at 12.54.47.png">
      </td>
    </tr>
  </tbody>
</table>

## 🛠 Usage

Clone or fork this repository, then install dependencies:

```bash
yarn
```

Start a local development server:

```bash
yarn dev
```

Generate static pages for deployment:

```bash
yarn generate
```

## 🏁 Staart Ecosystem

The Staart ecosystem consists of open-source projects to build your SaaS startup, written in TypeScript.

| Package |  |  |
| - | - | - |
| [🛠️ Staart](https://github.com/o15y/staart) | Node.js backend with RESTful APIs | [![Travis CI](https://img.shields.io/travis/o15y/staart)](https://travis-ci.org/o15y/staart) [![GitHub](https://img.shields.io/github/license/o15y/staart.svg)](https://github.com/o15y/staart/blob/master/LICENSE) [![npm package version](https://img.shields.io/npm/v/@staart/manager)](https://www.npmjs.com/package/@staart/manager) |
| [🌐 Staart UI](https://github.com/o15y/staart-ui) | Frontend Vue.js Progressive Web App | [![Travis CI](https://img.shields.io/travis/o15y/staart-ui)](https://travis-ci.org/o15y/staart-ui) [![GitHub](https://img.shields.io/github/license/o15y/staart-ui.svg)](https://github.com/o15y/staart-ui/blob/master/LICENSE) [![npm package version](https://img.shields.io/npm/v/@staart/ui)](https://www.npmjs.com/package/@staart/ui) |
| [📱 Staart Native](https://github.com/o15y/staart-native) | React Native app for Android and iOS | [![Travis CI](https://img.shields.io/travis/o15y/staart-native)](https://travis-ci.org/o15y/staart-native) [![GitHub](https://img.shields.io/github/license/o15y/staart-native.svg)](https://github.com/o15y/staart-native/blob/master/LICENSE) [![npm package version](https://img.shields.io/npm/v/@staart/native)](https://www.npmjs.com/package/@staart/native) |
| [🎨 Staart.css](https://github.com/o15y/staart.css) | Sass/CSS framework and utilities | [![Travis CI](https://img.shields.io/travis/o15y/staart.css)](https://travis-ci.org/o15y/staart.css) [![GitHub](https://img.shields.io/github/license/o15y/staart.css.svg)](https://github.com/o15y/staart.css/blob/master/LICENSE) [![npm package version](https://img.shields.io/npm/v/@staart/css)](https://www.npmjs.com/package/@staart/css) |

## 📄 License

- Code: [MIT](https://github.com/o15y/staart-native/blob/master/LICENSE)
- Logo and assets: [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/)
