Vue Start

Turn any JSON into Vue 3 tables!

Introduction

Create well coded Vue 3 tables with Bootstrap, Tailwind CSS or vanilla CSS. Try it online at vuestart.com!

Turn this:

{
  "customers": [
    {
      "name": "Microsoft Corporation",
      "registrationTime": "2010-05-23T12:00",
      "orders": [
        {
          "date": "2010-05-23T12:00",
          "product": "printer paper",
          "quantity": 13
        },
        {
          "date": "2010-06-23T12:00",
          "product": "printer paper",
          "quantity": 24
        }
      ]
    },
    {
      "name": "Google LLC",
      "registrationTime": "2010-07-29T12:00",
      "orders": [
        {
          "date": "2010-07-29T12:00",
          "product": "ink cartridge",
          "quantity": 3
        }
      ]
    }
  ]
}

Into this:

Features

• Pagination
• Sortable columns
• Navigation for nested data structures
• Easily theme-able

Licencing

Please note that the licencing of the Vue Start project and the licencing of the code generated by the Vue Start project is different.

Generated Code

The code generated by the Vue Start project is unlicenced. This means that you may use the generated code without restrictions in any project under any open source or comercial licence.

Vue Start

The Vue Start project itself is available under the GNU Affero General Public License. If you would like to get a comercial licence, please send an e-mail to [email protected].