Frontend Edition · Complete Source Delivery

Art Design Pro X Frontend Commercial Edition

Complete screens, themes, permission UI, and business modules are ready. Evaluate with credible local data first, then connect authentication, menus, and domain APIs progressively.

View Live Demo View Pricing

FRONTEND ARCHITECTUREFRONTEND RUNTIME / READY

01LOCAL DATARun and evaluate now

02TYPE CONTRACTStable request and response types

03REAL APIIntegrate domain by domain

ART DESIGN PRO XVUE FRONTENDVue 3.5 / TypeScript / Vite 8

AUTHROUTERTHEMEPERMISSIONBUSINESS UIHTTP LAYER

Frontend readypnpm devBACKEND AGNOSTIC

Vue 3.5TypeScriptVite 8Element PlusTailwind CSS v4Complete Frontend Source

01 / POSITIONING

A complete frontend product, not an API placeholder

Evaluate the product experience, theme system, and business modules independently. Integrate the backend at the pace your project needs.

A /

See the complete product before integration

Dashboards, system management, content, notifications, workflows, jobs, monitoring, and component pages are ready to browse with complete states.

B /

Credible local data

Domain-organized datasets form realistic interaction stories instead of empty repeated rows.

Demo ready

C /

Progressive API migration

Keep page parameters and return types while replacing local sources with real request functions.

Domain by domain

D /

Backend freedom

The frontend depends on explicit contracts, not NestJS or any specific server framework.

Backend Agnostic

02 / INTEGRATION PATH

Move from local data to real APIs by domain

Connect authentication and menus first, then migrate business domains progressively without rewriting the entire frontend data layer at once.

RUN

Evaluate immediately

Install and run, then review complete screens, themes, interactions, and modules.

CONNECT

Connect auth and menus

Integrate login, current-user, and remote-menu APIs to establish real access control.

MIGRATE

Replace data by domain

Start with one domain and replace local imports with real API calls progressively.

~/art-design-pro-x› pnpm devFRONTEND READY

LOCAL DATATYPE CONTRACTREAL API

03 / CAPABILITIES

Design system, business screens, and engineering rules together

The value is not just a set of pages, but a frontend product baseline built for continued extension.

01PRODUCT UI

Product-grade interface system

One visual language across dense admin scenarios.

Multiple business dashboards
Industry data screens
Responsive tables and forms
Dark and multi-layout modes

02BUSINESS

Complete business screens

Lists, details, drawers, designers, and state flows arrive together.

System and permission UI
Content and notifications
Workflows and scheduling
Monitoring, logs, and resources

03ENGINEERING

Sustainable engineering base

Types, conventions, and boundaries make takeover and extension stable.

Vue 3 + TypeScript
Unified HTTP and contracts
Local or remote menus
Build, deployment, and delivery docs

04 / BOUNDARIES

Frontend owns experience; backend owns real business state

The frontend edition delivers the UI and integration foundation while keeping production security and persistence responsibilities explicit.

FRONTEND / INCLUDEDIncluded in source

Complete Vue source and interactions
Theme system, layouts, and reusable components
Business modules, types, and local data
Auth, menu, and API integration foundation
Build, boundary, and delivery documentation
One switch for vendor-brand entry cleanup

BACKEND / YOUR STACKProvided by your backend

Production identity and server authorization
Databases, transactions, persistence, and sync
Uploads, object storage, and security scanning
Job execution, workflow engine, and messaging
Metrics, log collection, and security audit
Backup, high availability, compliance, and operations

Backend-agnostic: integrate Java, Go, .NET, Node.js, PHP, or existing services through documented contracts.

05 / LICENSING

The same complete frontend, licensed by usage scope

Internal, Commercial, and Enterprise licenses differ in usage, client delivery, and support scope, not code completeness.

Internal License

For individuals, in-house teams, and internal systems without client-delivery rights.

Current price

CNY 799one-time license

Complete frontend project source
Internal secondary development and deployment
Local-data and API-integration documentation
Community support and ongoing updates

Commercial License

RECOMMENDED

For commercial development, customer demos, and frontend delivery with any backend.

Current price

CNY 1,399one-time license

Complete frontend project source
Commercial development and client delivery
Progressive integration with any backend
Branding, build, deployment, and delivery docs

Enterprise License

For multi-member teams, long-term delivery, private collaboration, and procurement.

Scope based

Custom Quotebased on scope

All Commercial License frontend rights
Team repository access scope
Procurement and custom agreement support
Brand adaptation and frontend customization options

Compare all rights and features

06 / FAQ

Confirm the boundaries before purchase

Common questions about backend integration, source delivery, local data, and licensing.

Choose the Frontend Edition if you already have a Java, Go, .NET, Node.js, or other backend, or want full freedom over the server stack. Choose the Frontend + Backend Edition when you also need the NestJS backend, database models, and complete full-system implementation.

No. It delivers complete Vue source, UI interactions, type contracts, local data, and integration docs. Production authentication, databases, file services, jobs, workflows, messaging, and monitoring remain backend responsibilities.

Yes. Data sources and API types are organized by domain. Any backend can be integrated progressively as long as its responses follow the documented contracts.

Local data lets teams evaluate complete screens and workflows before the backend is ready, and enables parallel frontend/backend development. Replace each domain with production APIs as it becomes ready.

ART DESIGN PRO X / FRONTEND EDITION

Explore the complete frontend before choosing integration pace

The live demo is available now. Review real screens, themes, and modules, then select the license that fits your project.

View Live Demo View Pricing