My Apps

The My Apps documentation section provides sample project downloads for UGOS Pro application development. The samples cover typical frontend and backend scenarios with consistent styling and interaction patterns, making it easy to get started alongside the documentation.

Frontend Samples

The following samples are built with @ugreen-nas/builder-open and demonstrate frontend integration for UGOS Pro desktop applications.

Framework	Stack	Description	Download
Vue	Vite 8 + Vue 3 + TypeScript	Sample pages for app capabilities, window management, authorization, and project metadata	Download Vue sample
React	Vite + React + TypeScript	Feature-aligned with the Vue sample; same page structure and interaction patterns	Download React sample

For details, see:

• Vue Sample
• React Sample

Quick Start

# Using the Vue sample (enter the vue/ directory after extraction)
unzip vue-demo.zip && cd vue
pnpm install
pnpm dev

For the React sample: unzip react-demo.zip && cd react

Backend Sample

A standalone backend sample download is not available yet. See the following guides to build from scratch:

• Native Application Development: Build an HTTP backend in Go and package with ugcli
• Docker Application Development: Docker image-based application workflow

You can also scaffold a project quickly with:

ugcli create my-app

Usage Tips

• Download a frontend sample first to learn @ugreen-nas/core capability calls and window management; then follow the backend guides to complete your service.
• For project.yaml configuration in sample projects, see project.yaml Configuration Reference.
• For local packaging and testing, see ugcli User Guide.

Related Documentation

• Preparation
• Testing Applications
• Publishing Applications