VUEDA / Django + Vue

Build business applications with Django and Vue.

Turn your Django models, serializers, and viewsets into Vue forms, lists, and detail screens. Add workflows, permissions, and audit history, with room to make the UI your own.

Start building View on GitHub

For Django teams building tools their business runs on.

Widget Warehouse inventory application showing sidebar navigation, filters, search, and widget records. — A VUEDA application, from navigation to records. Explore the views

How it works

Define it in Django. Work with it in Vue.

Once your application is connected, standard model screens need no separate per-model frontend code.

Define your application
Build models, serializers, and viewsets with VUEDA's Django and REST framework base classes.
Let the server describe it
Register your models. VUEDA exposes metadata: information about their fields, actions, and permissions.
Get application screens
The Vue client uses that metadata to generate routes, forms, lists, and detail views.

Explore the architecture

Beyond editing records

Built for the way your business works.

Give work a workflow

Define states and transitions for your records. Make approvals and other business actions part of the application.

Add a workflow

Control access. Track changes.

Enforce model, object, and workflow permissions on the server. Inspect audit history to see what changed and who changed it.

Understand permissions

Make the interface your own

Configure fields and list columns, add custom Vue views, and adjust the theme to fit your application.

Customize your views

Your first application

Start with a working inventory model.

Scaffold a project, connect Django and Vue, and build your first screens with the step-by-step tutorial.

Built on Django REST framework, PostgreSQL, and Vue 3.

Start building

VUEDA: Vue.js User Experience for Django Administration.BSD 3-Clause license Built by Arrai Innovations