VueHTMLAdmin dashboard

sing-app-vue-dashboard — Vue Admin dashboard Template

By flatlogic

A free admin dashboard template built on Vue 3 and Bootstrap 5, including authentication, charts, e-commerce, and profile pages.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

1 previews
Desktop homepage
Desktop captureTop of page

Actual screenshot captured by the server browser.

One original preview is available. Open the full image to inspect the design.

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-01View source

What stands out

A quick read of the recorded project description.

01

Built with Vue 3, Vue Router 4, Pinia, and Bootstrap 5

02

Includes authentication pages, charts, e-commerce sections, and profile pages

03

Provides reusable UI components such as buttons, modals, and forms

04

Uses a modular architecture with test and lint scripts

05

MIT licensed; originally a paid product, now with the code freely available

Template Details

Sing App Vue is a Vue admin dashboard template published by Flatlogic. Originally a paid product, it is now available for free on GitHub under the MIT license. The template is built with Vue 3, Vue Router 4, Pinia, Bootstrap 5, SCSS, and Vite, and the README states that Node.js 20 or higher is required.

Functionally, the template provides a responsive layout, reusable UI components (buttons, modals, forms), authentication pages such as login and registration, charts and data visualization, e-commerce sections, user profile pages, and a navigation structure. The project uses a modular architecture and includes test and lint scripts.

For usage, dependencies can be installed with yarn install, the development server started with yarn run start, and a production build created with yarn run build; when used with a backend, yarn run start:backend can be run. An official separate Node.js backend repository is also available to pair with it as a full-stack project.

Note that the free scope covers only the code in this repository itself; third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses. External services such as domains, hosting, and databases may incur additional costs. The materials do not state the template's specific production readiness or performance.

VueHTMLBackend

Is it right for your project?

Use Cases

  • Building a frontend interface prototype for an admin system
  • Serving as starter code for a project combining Vue 3 and Bootstrap 5
  • Providing a page foundation for an admin side that needs login/registration, chart display, and user profile pages
  • Pairing with the official Node.js backend repository to build a full-stack admin application

Suitable For

  • Frontend developers who need a Vue admin dashboard starter template
  • Teams looking to quickly build an admin interface based on Bootstrap 5
  • People evaluating or learning the structure of a Vue 3 admin project

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Requires Node.js 20 or higher

  2. 2

    Install dependencies with yarn install and start the development environment with yarn run start

  3. 3

    Use yarn run build for production builds, and yarn run test and yarn run lint for testing and code checking respectively

  4. 4

    If backend support is needed, run yarn run start:backend and refer to the official Node.js backend repository

  5. 5

    Licenses for third-party assets such as images, fonts, and icons must be checked separately; external services may be charged separately

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope applies to that version's code and does not mean external services or third-party assets are free.

Must comply with when using

  • The code in this version may be used, modified, used commercially, and distributed for free.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis

Compiled by DeepSeek based on repository license and README ·2026-10-01. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 96 / 100
Technologies
Vue · HTML
Website type
Admin dashboard
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2026-03-10
Screenshot last checked
2026-10-01

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Vue as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 80681cc5773535b49515ed5144d26647e57fa15a34bc35207c825e47673a1e12

2026-10-01T01:45:22.088Z

Source file / repository
# 🚀 Sing App Vue - A Free Admin Dashboard Template!

[View Demo](https://flatlogic.com/templates/sing-app-vue/demo) | [Download](https://github.com/flatlogic/sing-app-vue-dashboard/archive/refs/heads/master.zip) | [More Templates](https://flatlogic.com/templates) | [Discord Community](https://discord.gg/flatlogic-community) | [Support Forum](https://flatlogic.com/forum)

**Originally a premium product, now available for free!** 🎉

[![header_illustration_fb](https://user-images.githubusercontent.com/36201579/40110692-554a4650-5909-11e8-8cde-30a0dd1f65ad.jpg)](https://flatlogic.com/templates/sing-app-vue/demo)

Looking for a perfect codebase generator for your Startup? Try [Flatlogic AI Web App Generator](https://flatlogic.com/generator) - our new tool, sort of a template++.

---

## 🎯 Why Sing App Vue?
- **Ex-Premium**: This template was previously paid. Enjoy it for free now. 😉
- **Tons of components**: Packed with ready-to-use elements for rapid development.
- **Join the Community**: [Flatlogic Discord](https://discord.gg/flatlogic-community) is where the action happens.
- **Free Node.js Backend**: Pair it up with [this backend](https://github.com/flatlogic/nodejs-backend) to go full-stack.

---

## 🚀 Quick Start

Requires Node.js >= 20

### Project setup
```bash
yarn install
```

### Compiles and hot-reloads for development
```bash
yarn run start
```

### If you use app with backend support, please use
```bash
yarn run start:backend
```

### Compiles and minifies for production
```bash
yarn run build
```

### Run your tests
```bash
yarn run test
```

### Lints and fixes files
```bash
yarn run lint
```

---

## 🧩 Features

- Fully Responsive
- Built with Vue 3 and Bootstrap 5
- Ready-to-use Components
- Modular Architecture
- Authentication System
- Charts and Data Visualization
- E-commerce Section
- Profile Page

---

## 🛠 Built With
- Vue 3
- Vue Router 4
- Pinia
- Bootstrap 5
- SCSS
- Vite

---

## 📦 Components
- UI Elements (Buttons, Modals, Forms)
- Authentication (Login, Signup)
- Charts
- Analytics Integration
- User Profile
- Navigation

---

## 🌍 Available Variants

|               | **Material**                                              | **Transparent**                                         | **Classic**                                          | **Sofia**                                          | **Flatlogic**                                      |
|---------------|-----------------------------------------------------------|---------------------------------------------------------|-------------------------------------------------------|-----------------------------------------------------|----------------------------------------------------|
| **React**     | [React Material Admin](https://github.com/flatlogic/react-material-admin) | [Light Blue React](https://github.com/flatlogic/light-blue-react) | [Sing App React](https://github.com/flatlogic/sing-app-react) | [Sofia React](https://github.com/flatlogic/sofia-react) | [One React](https://github.com/flatlogic/one-react) |
| **Angular**   | [Angular Material Admin](https://github.com/flatlogic/angular-material-admin-full) | [Light Blue Angular](https://github.com/flatlogic/light-blue-angular) | [Sing App Angular](https://github.com/flatlogic/sing-app-angular) | - | - |
| **Vue**       | [Material Vue](https://github.com/flatlogic/material-vue-full) | [Light Blue Vue](https://github.com/flatlogic/light-blue-vue) | [Sing App Vue](https://github.com/flatlogic/sing-app-vue-dashboard) | - | - |
| **Bootstrap** | - | [Light Blue HTML5](https://github.com/flatlogic/light-blue-html5) | [Sing App HTML5](https://github.com/flatlogic/sing-app-html5) | - | [One Bootstrap](https://github.com/flatlogic/one-bootstrap-template-full) |


Additionally, these templates are tailored for specific business needs:
- [E-Commerce Frontend (React)](https://github.com/flatlogic/ecommerce-frontend) - A complete e-commerce solution.
- [Bookkeeper UI (React)](https://github.com/flatlogic/bookkeeper-ui) - Accounting dashboard for finance management.
- [User Management Template (React)](https://github.com/flatlogic/user-management-template) - User authentication and management.

---

## 👨‍💻 How to Contribute
- **Star this repo ⭐** - show some love.
- **Report bugs** - but be nice.
- **Join the [Discord](https://discord.gg/flatlogic-community)** - meet fellow devs.

---

## 🔥 About Flatlogic
[Flatlogic](https://flatlogic.com/ai-software-development-agent) builds modern business software so you don't have to. Our AI Software Development Agent helps you generate, deploy, and maintain enterprise applications with minimal effort.

---

> **Questions or feedback?**  
> Join our [Flatlogic Community Discord](https://discord.gg/flatlogic-community) or visit our [support forum](https://flatlogic.com/forum). We might even reply!

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.